Используйте props.data для автоматического создания MDBNav для моего проекта React - PullRequest
Новая
       19

Используйте props.data для автоматического создания MDBNav для моего проекта React

0 голосов
/ 24 марта 2020

Я очень новичок в React и мне нужна небольшая помощь. Я попытался создать компонент, который получает данные от реквизита и автоматически создает дополнительные вкладки:

enter image description here

Я использую MDBNav из MDBreact.

Идея состоит в том, чтобы извлечь данные (Test1, Test2, Test3, Test4) по имени вкладок для вкладки mi navegación.

props.data - это место, где мои данные принимаются правильно.

Вот мой код, я не знаю, как вставить свой JSX insde для for и повторно запустить MDBNav с правильными именами.

Вот мой код, с которого началось: 

import { MDBNav, MDBNavItem, MDBNavLink } from "mdbreact";


const MiTabs = props => {
  console.log(props.data);

  for (let key in props.data) {
    console.log(key, props.data[key]);
  }


return (

  <BrowserRouter>

    <MDBNav className="nav-tabs mt-5">
      <MDBNavItem>
        <MDBNavLink active to="#!">Active</MDBNavLink>
      </MDBNavItem>
      <MDBNavItem>
        <MDBNavLink to="#!">Link 1</MDBNavLink>
      </MDBNavItem>
      <MDBNavItem>
        <MDBNavLink to="#!">Link 2</MDBNavLink>
      </MDBNavItem>
      <MDBNavItem>
        <MDBNavLink to="#!">Link 3</MDBNavLink>
      </MDBNavItem>
    </MDBNav>

  </BrowserRouter>



  );
};

export default  MiTabs;

Спасибо вам очень нравится.

1 Ответ

0 голосов
/ 25 марта 2020

Эта работа для меня: 

return (

  <BrowserRouter>
    <MDBNav className="nav-tabs mt-5">

      {props.data.map(a => (
      <MDBNavItem>  <MDBNavLink to={a.enlace}>{a.nombre} </MDBNavLink>  </MDBNavItem>
      ))}

    </MDBNav>
  </BrowserRouter>

  );
};
...