顯示輸入的初始值

Question

我有一個輸入字段，我想為其顯示一些默認值或初始值。 之后，每當用戶更改值時，它都應該更改，但是初始值應該是我給的。 但是我無法做到這一點。 這是我的意見

<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} ，但是沒有用。

Answer 1

您將需要用引號引起來：

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

這將用作默認（初始）值。 （沒有defaultValue屬性。）

如果沒有顯示值，則是因為您的屬性不正確或未轉換為Hms。

您可以只嘗試`value =“ 1:10:35”來測試問題所在

鑒於您的問題不明確，您可能正在尋找使占位符標簽起作用的方法。

同樣的事情也適用。 將其用引號引起來：

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

Answer 2

在輸入框上既沒有placeholder又有value屬性是沒有意義的，因為占位符用於最初缺少值或完全丟失值的情況，但是因為要進行設置，所以您不會我不認為需要它。

還要記住，這里列出的value屬性僅影響DOM，實際上不是JS中該輸入的值。

並確保{this.props...}實際上包含您想要的值。