使用available-reactstrap-validation時如何處理空值

Question

使用available-reactstrap-validation，當表單字段（AvField）中填充了來自后端的空數據時，我得到一條警告：

警告： input value prop不能為null。 考慮使用空字符串清除組件或為不受控制的組件undefined 。

我嘗試用空字符串交換空值，如警告所述，但無濟於事。

<AvField type="text" name="offerKey" value={ data.offerKey === null ? '' : data.offerKey } />

如果將空格添加為值，警告會消失，但占位符文本將不會出現在文本框中。

這是錯誤還是功能？

Answer 1

您可以將狀態值設置為null或空字符串（''）

state = {
value: ''
}

或者，您可以更改以下邏輯：

value={ data && data.offerKey ? data.offerKey : '' }