react 子组件不能直接加类名

在react 中使用子组件不能直接使用calssName,会默认识别为你要传递的参数key为className 值为你的类名 所有加不上样式 只有在子组件写className才能使用上该类名,或者接受传递过来的className,以变量得形式加类名。

    render() {
    
    
        return (<div className="box">
            <Header className='header'></Header>
            <Bodys className='bodys' nameTitle={
    
    this.state.data}></Bodys>
            <Footer className='footer'></Footer>
        </div>)
    }

在子组件中接受并且使用:

    state = {
    
    
        className: "", 
        nameTitle: ""
    }
    componentDidMount() {
    
    
        this.setState({
    
    
            className: this.props.className,
            nameTitle:this.props.nameTitle
        })
    }

猜你喜欢

转载自blog.csdn.net/qq_43291759/article/details/108712006