在React Semantic-UI中,可以为Input元素提供方便的操作按钮或图标,如下所示:
http://react.semantic-ui.com/elements/input/#variations-action-icon-button
不幸的是,该文档确实无法很好地说明操作如何触发功能。在这里提出了有关如何执行此操作的问题:
https://github.com/Semantic-Org/Semantic-UI-React/issues/1944
答案似乎是您应该在图标或按钮上使用onClick。看起来像这样:
<Input
action={{
icon: 'play', onClick: (event,data)=>{console.log(data);}
}}
defaultValue="I bet you wish you could access this!"
/>
Run Code Online (Sandbox Code Playgroud)
尽管这似乎合乎逻辑,但提出了一个问题,当传递给onClick函数的数据描述的是图标而不是输入时,如何访问输入的值?