微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决为什么选择不是 React 的一个选项?

我在更正 React 项目中的 mySyntax 时遇到问题。我收到错误“警告:使用 defaultValuevalue 道具,而不是将 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 举报,一经查实,本站将立刻删除。