如何在语义反应 ui 搜索中放置默认消息?
How do you place default message in the semantic react ui search?
https://react.semantic-ui.com/modules/search
下面是语义反应 ui 搜索小部件的外观图像。在第二张图片中,我想知道如何放置提示消息来向用户指示搜索栏的用途。在本例中,它是 "search"。当用户输入时,它会擦除搜索并开始反映用户输入的内容。我以为它会是 defaultValue,但似乎你不能同时设置 value 和 defaultValue。我仍然希望能够在用户输入框时读取设置值。
谢谢,
德里克
你可以在组件中使用defaultValue作为初始值,没问题。
然后在事件(例如 onBlur)中读取用户输入 value,如下所示:
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 搜索
https://react.semantic-ui.com/modules/search
下面是语义反应 ui 搜索小部件的外观图像。在第二张图片中,我想知道如何放置提示消息来向用户指示搜索栏的用途。在本例中,它是 "search"。当用户输入时,它会擦除搜索并开始反映用户输入的内容。我以为它会是 defaultValue,但似乎你不能同时设置 value 和 defaultValue。我仍然希望能够在用户输入框时读取设置值。
谢谢, 德里克
你可以在组件中使用defaultValue作为初始值,没问题。 然后在事件(例如 onBlur)中读取用户输入 value,如下所示:
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 搜索