どのようにセマンティック反応ui検索にデフォルトメッセージを配置しますか？

Question

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

以下は、セマンティック反応ui検索ウィジェットの外観のイメージです。 2番目のイメージでは、検索バーの意味に関するメッセージをユーザーに示すためのプロンプトメッセージをどのように入力するのかと思いました。この場合、それは「検索」です。ユーザーが入力すると、検索が消去され、ユーザーが入力している内容が反映されます。私はそれがdefaultValueだろうと思ったが、あなたは値と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); 
} 

勤務

：EDIT：以下のコメントに含まれる受け入れ答え

placeholder={"text"} 

セマンティックリアUI検索