Question

我是初学者，学习React JS。我有一个React Bootstrap表，可以在其中使用“比较”和“清除”按钮选择和比较产品。由于我将在整个项目中多次使用Button，因此我希望有一个“ Button”组件，在这里我可以通过props传递eventHandling和Button文本。谁能帮我吗？

我现在拥有的-

容器组件：

<button onClick={this.onButtonClick}>Compare</button>
<button onClick={this.onClearClick}>Clear</button>

我想做什么-

容器组件：

<Button onClick={this.onButtonClick} text="Compare"/>
<Button onClick={this.onClearClick} text="Clear"/>

按钮组件：

import React from 'react';

const Button = (props) => {
    return (

        <button onClick={props.onClick}>{props.text}</button>
    );
};

Button.defaultProps = {
    message : 'Click Me!'
};

export default Button ;

完整代码在这里-https://codesandbox.io/s/pk964xy5w0

Answer 1

一切正常。抱歉，该帖子。

如何使用props在React JS中将事件从一个组件传递到另一个组件？

1 个答案: