在react-select-search中输入名称时，将填充结果

Question

由于我是新手，因此我尝试在react.js中使用搜索过滤器。 使用react-search-filter 我尝试了react-select-search，在搜索时填充

输入名称后，将填充

我希望我输入的唯一结果是单击回车按钮进行搜索。 请帮忙 谢谢你

代码 App.js

import React from 'react';
import {friends} from './data.js';
import SelectSearch from 'react-select-search';

class App extends React.Component {
  constructor(props) {
    super(props);


  }

  render() {

    function renderFriend(option) {
      const imgStyle = {
          borderRadius: '50%',
          verticalAlign: 'middle',
          marginRight: 10,
      };

      return (<span><img alt="" style={imgStyle} width="40" height="40" src={option.photo} /><span>{option.name}</span></span>);
  }


    return (
      <div className="App">
     <div className="container">
    <div className="row">
    <SelectSearch

    autofocus={true} 
    isSearchable={true}

                        value='one'
                        options={friends}
                        renderOption={renderFriend}
                    />

    </div>
  </div>
      </div>
    );
  }
}

export default App;

data.js

export const friends = [

    {name: 'Pencil', value: 'Apsara', company: "Apsara",photo: './img/pencil_2.jpg'},
    {name: 'book', value: 'Navneet', company: "navneet",photo: './img/pen_1.png'},
    {name: 'pen', value: 'Parker', company: "parker",photo: './img/pen_1.png'},
    {name: 'Pencil', value: 'Apsara', company: "Apsara",photo: './img/pencil_2.jpg'},


];