Question

我正在从控制器调用下拉组件，我想添加一个单击以捕获控制器中的事件。如何添加点击？下面的代码：

var result = client.Search<PortalDoc>(s => s
    .Aggregations(a => a
        .Terms("agg_objecttype", t => t
            .Field("CUSTOM_FIELD_HERE")
        )
    )     
);

Answer 1

如果我对您的理解正确，那么您想在组件“ Dropdown”上添加一个事件，并在注释中提到您尝试了以下操作：

<Dropdown label="Select Client"
name="select Client"
options={dropdownOptions}
onClick={() => this.handleClick} />

这不是处理事件的正确方法。诸如onclick之类的事件将保留为标准jsx的一部分。因此，您无需单击组件“ Dropdown”本身，而是以JSX形式返回它。

示例：

<Dropdown label="Select Client"
name="select Client"
options={dropdownOptions}
handleClick={this.handleClick} />

在下拉菜单中：

render() {
    return(
        <button onClick={(e) => this.handleClick(e)}>Click me</button>
    )
}

当您传递handleClick时，始终绑定它。旁注：如果发现不需要绑定该函数，请不要将其传递给props。只需实例化子组件中的功能即可保持关注点分离。

有关在React中处理事件的更多信息，请参见其文档： https://reactjs.org/docs/handling-events.html

如何在下拉菜单中添加点击以捕获点击事件？

1 个答案: