javascript - 如何将 onclick 函数添加到自定义 React 组件？

Question

我是 React 的新手。我有 3 个按钮作为组件导入 App.js，如下所示：

import Button from "./Button";

我想为这些组件添加一个 onClick 函数：

<div className="buttonsdiv">
        <Button text="+" / onClick = {...}>
//text is a parameter defined in Button.js
        <Button text="RESET" onClick = {...} />
        <Button text="-"onClick = {...} />
      </div>

有没有办法做到这一点？

标签： javascriptreactjsreact-component

Answer 1

正如@BrianThompson 所说，这完全取决于您的Button组件的实现。这个想法是将onClick道具传递给呈现的html元素，即：

const Button = (props) => {
    return (
        <button onClick={props.onClick}/>
    );
}