子组件如何传值给父组件?
父组件将一个方法赋值给一个属性props传递给子组件,子组件在函数被应用时调用父组件传来的属性并传值,父组件可在自身的函数中接受子组件传递过来的值。
父组件
//father.js
import Child from '../child';//引入子组件
class Father extends Component {
//construtor是构造函数1.初始化this.setState 2.为事件处理函数绑定实例。
construtor(props) {
//添加一个类构造函数来初始化状态 this.state,类组件应始终使用 props 调用基础构造函数。
super(props)
this.state = {count:'0'}
}
render() {
return (
<div> my reactdemo</div>
);
}
}
export default Father;
子组件
function child(props) {
this.props.delete(this.props.count)
render(
return (
<div onClick={this.delete.blind{this}>{this.props.content} </div>
)
);
}