如何在多选反应形式中使用onChange?

发布于 2025-01-14 07:20:20 字数 375 浏览 5 评论 0原文

如果是多选,有人可以帮我使用 onChange 函数吗?

我可以在 updateFormState( ) 中传递什么以使代码正常工作。谢谢。

const formState = {
 fruits: "",
}; 


function updateFormState(key, value) {
  formState[key] = value;
}

const [fruits] = useState([]);

      <Form.Label>fruits</Form.Label>
          <MultiSelect
           options={[
            { label: "Grapes 
              

In case of multi-select , can someone help me with the onChange function ?

What can I pass inside updateFormState( ) to make the code work. Thanks.

const formState = {
 fruits: "",
}; 


function updateFormState(key, value) {
  formState[key] = value;
}

const [fruits] = useState([]);

      <Form.Label>fruits</Form.Label>
          <MultiSelect
           options={[
            { label: "Grapes ????", value: "grapes" },
            { label: "Mango ????", value: "mango" },
            { label: "Strawberry ????", value: "strawberry", disabled: true },
            ]}
           id="fruits" 
           labelledBy="Select"
           value={fruits}
           onChange={(e) => updateFormState( )}
          />
         </Form.Group>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

说好的呢 2025-01-21 07:20:20

你好试试这个我希望它有用


  const [fruits, setFruits] = useState();
  console.log("fruits",fruits);

  return (
    <div>
      <select onChange={(e) => setFruits(e.target.value)} value={fruits}>
        <option value='' selected disabled hidden>
          select a fruits
        </option>
        <option value='apple'>apple</option>
        <option value='banana'>banana</option>
        <option value='orange'>orange</option>
      </select>
    </div>
  );

hi try this i hope it usefull


  const [fruits, setFruits] = useState();
  console.log("fruits",fruits);

  return (
    <div>
      <select onChange={(e) => setFruits(e.target.value)} value={fruits}>
        <option value='' selected disabled hidden>
          select a fruits
        </option>
        <option value='apple'>apple</option>
        <option value='banana'>banana</option>
        <option value='orange'>orange</option>
      </select>
    </div>
  );
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文