2017-02-21 12 views
0

私はいくつかのデフォルト値または初期値を表示したい入力フィールドを持っています。その後、ユーザーが値を変更するたびに、変更する必要がありますが、初期値は私が与えるものでなければなりません。しかし、私はこれをすることができません。ここに私の入力入力の初期値を表示

<input placeholder={this.props.edit_tag_reducer.time_in} 
     id="time_in" 
     type="text" 
     value={this.secondsToHms(this.props.new_marker_reducer.start)} 
/> 

私もdefaultValue={this.props.edit_tag_reducer.time_in}を試みたが、うまくいきませんでしたです。

+0

渡す値がnullでも定義されていませんか? – Juuso

+0

どのライブラリ/テンプレートエンジン/フレームワークを使用していますか?タグを付けてください。 –

+0

'{this.secondsToHms(this.props.new_marker_reducer.start)}'は何を返しますか?なぜなら、それは確実に要素に「値」を与えるはずです。 –

答えて

0

あなたは引用符で囲む必要があります。

value='"' + {this.secondsToHms(this.props.new_marker_reducer.start)} + '"'

これがデフォルト(初期値)として機能します。 (defaultValueプロパティはありません)

これは値が表示されない場合は、プロパティが正しくないか、またはHmsに変換されないためです。あなただけの問題では、あなたの質問があいまいで考える

をどこにあるかテストするために、 `値=「午前1時10分35秒」を試すことができます

、プレースホルダタグの作業を取得している可能性があります。

同じことが適用されます。引用符で囲みます

placeholder= '"' + {this.props.edit_tag_reducer.time_in} + '"'

+0

値に問題はありません。私はdefaulValueに問題があります。 – ApurvG

+0

初期値は、デフォルト(開始)値です。 – rasmeister

+0

プレースホルダーを作成しようとしている場合、編集された回答を参照してください – rasmeister

0

プレースホルダは、値が最初に欠落しているか、完全に不足しているときに使用されているため、それは、あなたの入力ボックスにplaceholdervalue属性の両方を持ってしても意味がありません、あなたがそれを設定しているので、あなたはそれを必要としないでしょう、私は思っていません。

ここに記載されているvalue属性はDOMにのみ影響しますが、実際にはJSの入力値ではありません。

{this.props...}に実際に必要な値が含まれていることを確認してください。

+0

デフォルト値を表示したい。その後、ユーザーがそれを変更したい場合、彼はchengeすることができます。私のケースでは、{this.secondsToHms(this.props.new_marker_reducer.start)}で変更されます。 – ApurvG

+0

オブジェクトが実際に値を返すようにしますが、そうであれば、すべてのものを引用符で囲むだけで動作します。 – Slime

関連する問題