小编Mar*_*ark的帖子

从SemanticUI中的Action onClick检索输入值

在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函数的数据描述的是图标而不是输入时,如何访问输入的值?

reactjs semantic-ui-react

4
推荐指数
1
解决办法
2201
查看次数

标签 统计

reactjs ×1

semantic-ui-react ×1