反应通过父组件传递类名给子组件的实现方法

　　

　　

反应是一个用于构建用户界面的JAVASCRIPT库。
　　主反应要用于构建UI,很多人认为是MVC中反应的V(视图)。
　　起反应源于Facebook的内部项目,用来架设Instagram的网站,并于2013年5月开源。
　　反应拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

　　

　　

1。声明式设计& # 8722;反应采用声明范式,可以轻松描述应用。
　　2.高效& # 8722;反应通过对DOM的模拟,最大限度地减少与DOM的交互。
　　3.灵活& # 8722;反应可以与已知的库或框架很好地配合。
　　4.JSX & # 8722;JSX是JavaScript语法的扩展.React开发不一定使用JSX,但我们建议使用它。
　　5.组件& # 8722;通过反应构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
　　6.单向响应的数据流& # 8722;反应实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

　　

1。通过父组件传递类名给子组件的方法,(第十九行)

　　

2。通过不同的状态值,应用某些类名,,,,(第22行)

　　 　　 　　从“反应”进口的反应 　　进口的。/style.css ' 　　类PageTitle延伸反应。组件{ 　　构造函数(道具、上下文){ 　　超级(道具、背景); 　　这一点。状态={ 　　timeType: 0 　　} 　　} 　　handleClick (timeType) { 　　this.setState ({ 　　timeType: timeType 　　}）; 　　this.props.handle (timeType + 1); 　　} 　　呈现(){ 　　const{标题、dataList}=this.props; 　　回报( 　　& lt; h4 className={this.props。clasName +“cp_title”}在{标题} 　　& lt; div className=癴loatR”比; 　　{dataList.map(项目,指数=比;{ 　　返回& lt;跨越关键={指数}onClick={this.handleClick.bind(这个指数)}className={this.state。timeType指数===& # 63;“canvasNav canvasNavActive”:“canvasNav”}在{项}& lt;/span> 　　})} 　　& lt;/div> 　　& lt;/h4> 　　) 　　} 　　} 　　出口默认PageTitle; 　　 　　

　　

以上所述是小编给大家介绍的反应通过父组件传递类名给子组件的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

反应通过父组件传递类名给子组件的实现方法