好久没更博了啊,0.0,最近手头的一个前端控制台项目,我是用阿里开源的ant框架搭建的,用着还是蛮顺手了,在使用过程中,碰到一些数据通信的问题,有些和vue相同,有些不一样的地方还是踩了些坑的,特地整理了下。
1.子组件调用父级的数据和方法
父级组件代码如下,把数据和方法通过props向下传递,在子组件中调用this.props.text即可获得父级数据,调用this.props.checkboxCallback()即可调用父级方法
render() {
const text = this.state.text;
const checked = this.state.checked;
return (
<Row>
<Col span={24}>
<ChildComponent
ref="child1"
text={text}
checked={checked}
inputCallback={this.inputCallback}
checkboxCallback={this.checkboxCallback}
>
</ChildComponent>
<button onClick={() => this.log('lemon')}>console</button>
<button onClick={() => this.changeParentPars()}>改变父层级的值</button>
</Col>
</Row>
)
}
用props这