Material-UI：我如何解决＆＃34;警告：道具'id`与'＃34;

Question

我有一个基本的反应应用程序，列出了许多员工。我收到了以下控制台警告：

  

警告：道具id不匹配。服务器：   ＆＃34;未定义-Searchforanemployee-未定义-57040＆＃34;客户：   ＆＃34;未定义-Searchforanemployee-未定义-41361＆＃34;

员工列表可通过Material-UI TextField组件过滤，如下所示：

<TextField
  hintText='Search for an employee'
  onChange={(e, value) => { this.filterEmployeesList(value) }}
/>

如果我删除TextField组件，则警告会消失，因此显然与问题有关。

如何解决此问题？

Answer 1

修复很简单。向id组件添加TextField属性：

<TextField
  id='employee-search'
  hintText='Search for an employee'
  onChange={(e, value) => { this.filterEmployeesList(value) }}
/>