我有一个React组件,呈现3个select元素。我想为所有3设置一个默认值,但当我尝试这样做时,它不起作用。
我使用一个传入的称为type的prop来区分每一个。
Type是每个select元素的名称。我的defaultV正在注销所有3个select元素所需的正确值。但是当它们呈现时,defaultValue不会被设置。开始的defaultValue为空,但当我在应用程序中进入编辑模式时,defaultV会为所有3个添加,但由于某些原因,defaultValue不会为每个渲染设置它。我想知道它是不是被前一个渲染覆盖了,因为它渲染了3次?我怎么能阻止这一切。
代码
const defaultV = data.value[type];
<select
onChange={onHandleChange}
id={`${pre}${type}`}
name={`${pre}${type}`}
defaultValue={{ label: type, value: defaultV }}
>
<option value="" hidden invalid="true">{type}</option>
{
dates[type]().map(date => <option key={date}>{date}</option>)
}
</select>