React父组件的函数传给子组件
时间: 2023-09-12 17:02:36 浏览: 125
可以使用props将父组件的函数传递给子组件。
例如,父组件中的函数:
```jsx
function handleClick() {
console.log("Clicked!");
}
```
可以通过props将其传递给子组件:
```jsx
function ParentComponent() {
return (
<div>
<ChildComponent handleClick={handleClick} />
</div>
);
}
function ChildComponent(props) {
return (
<button onClick={props.handleClick}>Click me!</button>
);
}
```
在子组件中,可以通过props来访问父组件传递的函数,然后将其绑定到事件处理程序上。在这个例子中,当用户点击按钮时,将会调用父组件中的handleClick函数。
阅读全文