C.props可以传递函数
时间: 2023-10-18 07:20:01 浏览: 40
是的,C.props可以传递函数。在React中,父组件可以通过props属性向子组件传递函数。子组件可以通过调用该函数来与父组件进行通信。这种方式被称为“向下传递函数”。例如:
```
// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';
class ParentComponent extends React.Component {
handleClick = () => {
console.log('Button clicked');
}
render() {
return (
<div>
<ChildComponent onClick={this.handleClick} />
</div>
);
}
}
export default ParentComponent;
// 子组件
import React from 'react';
class ChildComponent extends React.Component {
handleClick = () => {
this.props.onClick();
}
render() {
return (
<button onClick={this.handleClick}>Click me</button>
);
}
}
export default ChildComponent;
```
在上面的示例中,父组件传递了一个名为`handleClick`的函数作为props属性到子组件。子组件通过调用`this.props.onClick()`来调用该函数。这样,当子组件中的按钮被点击时,就会触发父组件中的`handleClick`函数。