React通過父元件傳遞類名給子元件的方法

1.通過父元件傳遞類名給子元件的方法  （第十九行）

2.通過不同的狀态值，應用某些類名     （第22行）

[javascript]  view plain  copy

1.  import React from 'react'
2. import './style.css'
3. class PageTitle extends React.Component {
4.     constructor(props, context) {
5.         super(props, context);
6.         this.state = {
7.             timeType:0
8.         }
9.     }
10.     handleClick(timeType){
11.         this.setState({
12.             timeType:timeType
13.         });
14.         this.props.handle(timeType+1);
15.     }
16.     render() {
17.         const {title,dataList} = this.props;
18.         return (
19.           <h3 className={this.props.clasName+" cp_title"}>{title}
20.               <div className="floatR">
21.                   {dataList.map((item,index) => {
22.                       return <span key={index} onClick={this.handleClick.bind(this,index)} className={this.state.timeType === index ? "canvasNav canvasNavActive": "canvasNav"}>{item}</span>
23.                   })}
24.               </div>
25.           </h3>
26.         )
27.     }
28. }
29. export default PageTitle;