React 如何点击输入值？

Question

是否可以在反应中单击输入值？

所以我有一个输入，我用逗号将值设置为数组：

这里展示了我是如何做到的： React / Redux how split input values with comma

我可以像这样在 jsx 中呈现我的输入值：

const listItems = this.props.Data.codes.map((item) =>
  <span key={index} onClick={onClick=event = () => this.somFunc(event, item)}>{item}</span>
);

并且在 onClick 我可以获取每个项目，因此我从输入中放入数组的每个值。

但可以在输入中进行此映射吗？

所以在输入中将显示我的值，例如：

value1 value2 value3 

我可以点击它们并在onClick调用一些函数

Answer 1

你描述的是一个标签输入，你可以使用一个像这样的现有包。 https://www.npmjs.com/package/react-tag-input

或者你可以自己控制；请按照本指南执行此操作： https://medium.com/@jerrylowm/build-a-tags-input-react-component-from-scratch-1524f02acb9a

我会推荐使用 npm 包，因为它会有更多的社区支持。