Как я ввожу многообразные компоненты внутри других компонентов с ReactJS

Я хочу сделать это:

<Fondo>
    <Objeto1>
        <Objeto2>
            <Objeto3></Objeto3>
            <Objeto4></Objeto4>
            <Objeto5></Objeto5>
        </Objeto2>
    </Objeto1>
</Fondo>

с ReactJS... какая-то идея, которая была бы простой, понимания?

0
задан 20.10.2019, 17:12
1 ответ

только у тебя есть, что aГ±adir твои компоненты внутри return компонента, которые ты хочешь, я оставляю тебе пример.

import React from "react";
import ReactDOM from "react-dom";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <Header />
      <Content />
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

function Header() {
  return (
    <div className="header">
      <h1>Header</h1>
    </div>
  )
}

function Content() {
  return (
    <div className="header">
      <h1>Contenido de la web</h1>
    </div>
  )
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

Code: https://codesandbox.io/s/polished-microservice-11ywg

, Но это bГЎsico в React.

0
ответ дан 10.11.2019, 23:32