如何在使用availity-reactstrap-validation时处理空值

Question

使用availity-reactstrap-validation，当表单字段（AvField）填充来自后端的空数据时，我会收到警告：

警告：value上的input道具不应该为空。考虑使用空字符串清除组件或使用undefined来检查不受控制的组件。

我尝试用空字符串交换空值，就像警告说的那样，但无济于事。

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

如果添加空格作为值警告消失，但占位符文本将不会出现在文本框中。

这是一个错误还是一个功能？

Answer 1

您可以在null或空字符串（''）的状态下设置值

state = {
value: ''
}

或者你可以改变你的逻辑：

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