如何将对象作为数据类型传递给选择元素并使其可读以在其他地方使用它？

Posted 2023-03-13

【中文标题】如何将对象作为数据类型传递给选择元素并使其可读以在其他地方使用它？

【英文标题】：How to pass an object to a select element as a data type and make it readable to use it somewhere else?

【发布时间】：2021-07-23 09:48:14

【问题描述】：

问题是我有这个带有一些选项的选择元素：

  result.map(( question ) => (
    <option key=question.id value=question.id data-type=question.type data-question=question>
      question.title
    </option>
  ))

如果我得到数据集问题，我会得到这个：

console.log( questionItSelf: JSON.stringify(getSelectedOption.dataset.question) )
// questionItSelf: "\"[object Object]\""

我怎样才能让这些值在其他地方使用它们？

【参考方案1】：

如果您真的想通过data- 属性传递数据，您可以在传递数据之前对数据进行字符串化。因为我认为它只接受原始值。

data-question=JSON.stringify(question)

然后当你想使用它时再次解析它：

console.log( questionItSelf: JSON.parse(getSelectedOption.dataset.question) )

加法

我个人会避免这种情况。如果你能简单地告诉我们你想要做什么，也许有人会想出一种更“反应”的方式来做这件事。

【讨论】：

我只是想从该对象中获取一些属性以在其他地方使用它们。我正在使用反应钩子形式和选择元素：react-hook-form.com/api/useform/register