代码之家  ›  专栏  ›  技术社区  ›  Lex V

在reactjs中使用自动完成时出错

  •  1
  • Lex V  · 技术社区  · 6 年前

    我试过在React中使用autosuggest,但是我得到了一些错误。

    react-dom.development.js?61bb:16543未捕获类型错误:无法读取 未定义的“indexOf”属性

    let filteredOptions = patientsMasterData.ReferredBy && 
      patientsMasterData.ReferredBy.filter(referredObj => {
        return { options: referredObj.RefName.indexOf(this.state.value) } !== -1;
      });
    
    return (
      <ReactAutocomplete
        name="ReferredBy"
        items={[
          filteredOptions.map(referredObj => ({
            options: referredObj.RefName,
            values: referredObj.RefID
          }))
        ]}
        shouldItemRender={(item, value) => item.options.indexOf(value) > -1}
        getItemValue={item => item.options}
        renderItem={(item, highlighted) => (
          <div
            key={item.values}
            style={{ backgroundColor: highlighted ? "#eee" : "transparent" }}
          >
            {item.options}
          </div>
        )}
        value={this.state.value}
        onChange={e => this.setState({ value: onGetTimelyFiling(e.target.value) })}
        onSelect={value => this.setState({ value })}
      />
    );
    

    我做错什么了?

    0 回复  |  直到 6 年前