为什么选择不是 React 的一个选项？

问题描述

我在更正 React 项目中的 mySyntax 时遇到问题。我收到错误“警告：使用 defaultValue 或 value 道具，而不是将 selected 设置为。”但是，我目前无法仅使用值/默认值动态更新下拉菜单的选定选项。使用 selected 时，代码会“正确”更新。

相关代码如下：

const Client  = ({...,reactions}) => {

...
     List Generator
 function ReactionList() {
                 // retrieve and filter reactions 
        const availableReactions = reactions.filter(...)
        return ( 
            availableReactions.map((reaction,index) =>
                <option key={index} value={reaction._id} selected={chosenReaction.name === reaction.name}>
                    {reaction.name}
                </option>
            )
        )
    }

    // selecting reaction from drop down
    function SelectReactionoption(entry){
        setSelectedReactionId(entry);
        setReactionPsiUpcast(0);
    }

return ( 
...
<div className="DropDown">
                <div>
                    <p>
                        Actions:
                    </p>
                    <select type="number" name={chosenAction.name} onChange={e => SelectActionoption(e.target.value) }>
                        <ActionList/>
                    </select>
                </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）