Electron+Reactで入力候補表示を実装した時のあれこれ - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/K_ichi

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

Electron+Reactで入力候補表示を実装した時のあれこれ - Qiita

import ReactDatalist from "react-datalist" . . . render() { return( <div> <form> <ReactDatalist f... import ReactDatalist from "react-datalist" . . . render() { return( <div> <form> <ReactDatalist forcePoly={true} list="listName" options={this.props.options} /> </form> </div> ) } こんな感じで書いてあげると入力補完が効くフォームができます。指定してるオプションは list: inputタグのlistのvalue, list用divのid名の指定 options: 入力候補の配列 forcePoly: Polyfillの有効化。これが入ってないと正しく表示が出ませんでした。です。入力候補の設定次にoptionsに渡している値の設定の仕方です。上記ソースにもあるとおり this.props を渡していて、親

ブックマークしたユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx