如何在语义反应ui搜索中放置默认消息？

Question

https://react.semantic-ui.com/modules/search

下面是uid搜索小部件的语义反应的图像。在第二张图片中，我想知道如何发出提示消息，向用户显示搜索栏的用途。在这种情况下，它＆＃34;搜索＆＃34;。当用户输入时，它会删除搜索并开始反映用户正在键入的内容。我认为它将是defaultValue，但似乎你不能同时设置value和defaultValue。我仍然希望能够在用户输入框中时读取设定值。

谢谢， 德里克

Answer 1

您可以使用 defaultValue 作为组件中的初始值，没问题。 然后在事件中读取用户输入值（例如onBlur），如下所示：

onBlur(e) {
  e.preventDefault();

  console.log(e.target.name, e.target.value);
}

如果要读取每个按下的新字符的值，可以在onSearchChange事件中使用：

onSearchChange(e) {
  e.preventDefault();

  console.log(e.target.name, e.target.value);
}

编辑：在下面的评论中包括已接受的答案：

曾为：

placeholder={"text"}

用于语义反应UI搜索