使用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 : '' }