在反应中将 json 保存在 html li 中

Question

我正在尝试使组件能够基于在线 API 自动建议值，然后将值和关联的 json 返回给我的父组件。

现在，我能够即时生成自动建议值列表，并在用户选择并提交一个值时，更新 ma 父组件的状态。但是，我无法获得自动建议值的完整 json，因为我在构建列表时丢失了它。

我怎样才能有一个由 react 构建的可读名称列表，但在提交时仍然能够保存完整的 json 信息？

见：https : //codesandbox.io/s/react-autocomplete-module-g79ju?fontsize=14

谢谢 ：）

Answer 1

API 调用不起作用（401 未授权），但您需要添加数据和 ID。从更改为：onClick={e => this.onClick(e, optionName)}您可以访问 optionName 对象作为 onClick 方法的第二个参数。