reactjs - 如何清除另一个页面中搜索输入字段的值

Question

我的一个 ReactJS 页面中有一个搜索栏。

<div className="input-group col-md-12">
     <input type="text" className="form-control" ref="searchApplicationInput" placeholder="Search" onChange={this.handleChange} />
         <span className="input-group-btn">
             <button className="btn btn-info btn-lg" type="button">
               <i className="glyphicon glyphicon-search"></i>
             </button>
         </span>
 </div>

这个页面在另一个 ReactJS 页面中被调用。我在单击模式弹出窗口时调用此 div。问题是当我单击模型弹出窗口并输入任何字符串进行搜索时，它会持续存在。当我关闭模式弹出窗口并再次打开它时，存在相同的搜索字符串。如何清除调用它的页面中搜索输入字段的值。如果模态打开和关闭功能写在我写搜索 html 的同一页面中，则可以通过以下方式在打开模型时轻松清除：

this.refs.searchApplicationInput.value = "";

我怎样才能在另一个页面中清除它。请给我建议。任何帮助将不胜感激

标签： reactjs