Render Object на основе выбора из выпадающих опций в reactjs - PullRequest
Новая
       4

Render Object на основе выбора из выпадающих опций в reactjs

0 голосов
/ 02 апреля 2020

Я новичок, чтобы отреагировать, моя проблема в том, что у меня есть одно раскрывающееся меню, в котором есть две опции A и B , Пример: как показано ниже, это мои варианты отображения раскрывающегося списка динамически в моем случае варианты A и B. 

  <DropDown
    selectedData={Options}
  />

Пользовательский DropDown: 


  const onChange = (value) => {
    !isMulti && setToggle(!toggle);
    onChecked(value);
  }

const createOptions = () => {
    if (data && data.length > 0) {
      return data.map(({ value}, index) => {
        if (isMulti) {
          return (
            <div key={index}>
              <input type="checkbox"
                onChange={() => onChange(value)}
                checked={selectedOrNot(value)}
              />
            </div>
          )
        } else {
          return (
            <div key={index}
              onClick={() => onSelectionChange(value)}
            </div>
          );
        }
      });
    }
    else {
      return <div>No data found</div>
    }
  }

Кроме того, у меня есть JSON данные, которые состоят из двух объектов в нем. например: 

data: {
        A: {
            num1: "0.241",
            num2: "15.293",
        },
        B: {
            num1: "0.241",
            num2: "15.293",
        },
    }

Так что я хочу, чтобы каждый раз, когда пользователи выбирали A в качестве опции из выпадающего меню, он отображал объект, например: data.A. Аналогично, когда пользователь выбирает B в качестве опции, он будет отображать объект B, например: data.B. Пожалуйста, помогите.

...