如果对象在JSON中具有嵌套子级,则将类名应用于父元素

时间:2019-05-26 10:02:31

标签: javascript css json reactjs ecmascript-6

我有一个父元素,并且如果对象在JSON中嵌套了子对象,我想更改类或将其删除。

下面是我的映射功能

<div className="ddmenu">
  {this.props.data &&
  this.props.data.length &&
  this.props.data[5] &&
  this.props.data[5].children
    ? this.props.data[5].children.map((data, idx) => {
        return (
          <div className="col" key={idx}>
            <h5>
              <a
                href={
                  "/" +
                  this.props.params[0] +
                  "-" +
                  this.props.params[1] +
                  data.link
                }
              >
                {data.name}
              </a>
            </h5>
            <ul>
              {data.children &&
                data.children.map((data1, idx) => {
                  return (
                    <li key={idx}>
                      <a
                        href={
                          "/" +
                          this.props.params[0] +
                          "-" +
                          this.props.params[1] +
                          data1.link
                        }
                      >
                        {data1.name}
                      </a>
                    </li>
                  );
                })}
            </ul>
          </div>
        );
      })
    : ""}
</div>;

现在,如果任何具有className="ddmenu"的对象,我必须应用以下类children.children ,否则删除该类。

下面是m JSON结构

{
  "megamenu": [
 {
      "name": "Skin Care",
      "children": [
        {
          "name": "Body Care",
          "children": [
            {
              "name": "Anti-Aging & Stretchmark Creams",
            },
            {
              "name": "Body Mist",
            }
          ]
        }
      ]
    }

 ]
}

0 个答案:

没有答案