reeact子向父传值
时间: 2024-04-29 17:22:40 浏览: 6
要向父组件传递值,可以在子组件中调用父组件传递的回调函数并传递需要传递的值作为参数。具体步骤如下:
1.在父组件中定义一个回调函数,该函数将被传递给子组件。
```jsx
class Parent extends React.Component {
handleData = (data) => {
console.log(data);
};
render() {
return <Child setData={this.handleData} />;
}
}
```
2.在子组件中调用父组件传递的回调函数并传递需要传递的值作为参数。
```jsx
class Child extends React.Component {
handleClick = () => {
const data = 'Hello, parent!';
this.props.setData(data);
};
render() {
return <button onClick={this.handleClick}>Click me</button>;
}
}
```
在上面的代码中,当子组件的按钮被点击时,会调用父组件传递的回调函数并传递字符串“Hello,parent!”作为参数。这样,父组件就可以在控制台中打印出该字符串。