reactjs - 在 ReactJS 中输出复杂状态

Question

我创建了一个具有不同类型的复杂状态，例如复选框、滑块或评级（Material-UI）。我想输出它们，用户正在看到他的选择。

为了更好地理解，我创建了一个沙箱：Sandbox在 Form.js 的第 261 行中，我将输出个性数据。

 const personalty = {
    personaltyfields:[
        {
          "description": "Ich arbeite gerne: ",
          "options": [
            {"name":"Strukturiert",   "name2":"Kreativ",            "value":50,     "type": "Slider"}

            ]
        },
        {
          "description": "Welches Motto beschreibt dich am Besten? ",
          "options": [  
            {"name":"Es lebe der Sport!",                  "value": false,    "type": "Checkbox"},
          ]
        }, 
        {
          "description": "Besonders wichtig ist mir: ",
          "options": [
            {"name":"Weiterbildungen",                               "value": 0,    "type": "Rating"},
            {"name":"junges Team",                                   "value": 0,    "type": "Rating"
          ]
        },

如何正确输出它们？我可以将复选框过滤为真正的点击。Slider 可以是 0 或 100。Rating Value 介于 1-5 之间。我会很感激任何建议。

标签： reactjsnext.jsstate

Answer 1

我的问题是如何呈现从用户中选择的数据。我过滤了正确的值。我过滤它。

const checkedSlider = output2.options.filter((elem) => elem.value === 100 || elem.value === 0 && elem.type === "Slider");

我现在不知道如何过滤多个值。