如何将对象绑定到输入标记,而不仅仅是使用ReactJS绑定值?

我是新手 ReactJS . 我有一个输入标记,当用户在输入中键入时,它会建议可能的值。此建议列表来自一个API,其中列表中的每个项目都具有以下属性:

item: {
   'id': 'some_id',
   'name': 'some_name',
   'att1': 'some_att_1',
   'att2': 'some_att_2'
}

在我的代码中,我将“name”属性作为输入中的值,将“id”作为键,如下所示:

renderItem={(item, isHighlighted) => (
              <div
                key={item.id}
                style={{ background: isHighlighted ? "lightgray" : "white" }}>
                {item.name}
              </div>
            )}

到现在为止,一直都还不错。然后我有如下所示的事件处理程序:

onChange={e => {
              this.setState({ from: e.target.value });
              // do something here...
}}
onSelect={val => this.setState({ from: val })}
    renderMenu={function(items, value, style) {
       return (
            <div
            style={{ ...style, ...this.menuStyle, zIndex: 10 }}
            children={items}
            />
        );
}}

如您所见 e.target 我可以访问原始项目的id或名称属性。但是,我需要访问 att1 和 att2 因为当用户选择输入并单击按钮时,我需要将它们用作参数。我该怎么做?谢谢