我正在嘗試構(gòu)建一個搜索框。但是，當我想在輸入內(nèi)容時設(shè)置狀態(tài)時，該框只是不允許我輸入任何內(nèi)容。這是調(diào)用搜索框組件的類export default class Tagsearch extends Component {  constructor(props) {    super(props);    this.state = {      hitsDisplay:false,      inputContent:"",      tags:[]    };  }  openDisplay = () => {    console.log("open")    // this.setState({ hitsDisplay: true })  }  closeDisplay = () => {    console.log("close")    // this.setState({ hitsDisplay: false })  }  render() {    let inputTags = (      this.state.tags.map((tag, i) =>         <li key={i} style={styles.items}>          {tag}          <button onClick={() => this.handleRemoveItem(i)}>            (x)          </button>        </li>      )    )    let result = (      <div className="container-fluid" id="results">      </div>    )    if (this.state.hitsDisplay) {      result = (        <div className="container-fluid" id="results">          <div className="rows">            <MyHits handleSelect={this.handleSelect}/>          </div>          <div className="rows">            <Pagination />          </div>        </div>      )    }    return (      <InstantSearch        appId="*******"        apiKey="***********************"        indexName="tags"      >        {inputTags}        <SearchBox            connectSearchBox={connectSearchBox}          openDisplay={this.openDisplay}          closeDisplay={this.closeDisplay}        />        {result}      </InstantSearch>    )  }}下面是搜索框組件const SearchBox = props => {  let {     connectSearchBox,    openDisplay,    closeDisplay  } = props;  const CustomSearchBox = connectSearchBox(({ currentRefinement, refine }) => {    const handleChange = (e, refine) => {      refine(e.target.value)      // console.log(e.target.value)      if (e.target.value !== "") {        openDisplay();      } else {        closeDisplay();      }    }如果我在 open & closeDisplay 中評論兩個 setState，它工作正常，它會相應地打印出打開和關(guān)閉。但是，一旦我啟用了 setState，輸入框就不允許我輸入任何內(nèi)容。