组件传值

介绍

  • 父给子传值,可以用const的方式，不一定要class XXX extends Component
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//父
<CityPickerWrapper onGetCityPickerLable={this.getCityPickerLable.bind(this)} onGetMoveEndData={this.state.moveEndData}/>
//子
<Picker extra = {this.props.onGetMoveEndData}>
  <CitySelected anotherExtra={this.props.onGetMoveEndData}/>
</Picker>
//子子
const CitySelected = props => {
  //some code 
  let extraData = props.anotherExtra.split(',')
  return(
      <div className="city-selected-wrap" onClick={props.onClick}>
          <div className="city-selected-div">{extraData[2]}</div>
      </div>
  )
}

ps:注意props.children

  • 子给父传值，上代码：
▲ ▼