想要通过商品ID代替商品名称

时间:2018-11-23 06:21:24

标签: reactjs autocomplete

我想让itemid通过。。但是我使用的是自动完成功能,它返回所选项目的名称。 这是我的代码,

constructor(props) {
        super(props);
        this.state = {
            value1: ''
          }

............................................... ................................................... ........................................

<ReactAutocomplete
                                name="ReferredBy"
                                items = {patientsMasterData.ReferredBy && patientsMasterData.ReferredBy.map(referredObj =>(
                                    {options:referredObj.RefName, 
                                    values:referredObj.RefID}
                                    ))
                                }
                                shouldItemRender={(item, value1) => item.options.toLowerCase().indexOf(value1.toLowerCase()) > -1}
                                getItemValue={(item) => item.options}
                                renderItem={(item, highlighted) =>
                                    <div
                                    key={item.values}

                                    style={{ backgroundColor: highlighted ? '#3db4e5' : '#FFFFFF',cursor:'pointer', border:'1px solid lighten($grey-element,30%)',padding: '5px' }}
                                    >
                                    {item.options}
                                    </div>
                                }
                                inputProps={{placeholder:'Select...'}}
                                menuStyle={this.props.menuStyle}
                                wrapperStyle={this.props.wrapperStyle}
                                value={this.state.value1}
                                onChange={e => this.setState({ value1:(e.target.value) })}
                                onSelect={value1 => this.setState({ value1 })}
                    />

我尝试了很多方法,但没有输出结果。这对解决这个问题的任何人都非常有帮助。

0 个答案:

没有答案