在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
})
}