Я хочу сделать это:
<Fondo>
<Objeto1>
<Objeto2>
<Objeto3></Objeto3>
<Objeto4></Objeto4>
<Objeto5></Objeto5>
</Objeto2>
</Objeto1>
</Fondo>
с ReactJS... какая-то идея, которая была бы простой, понимания?
только у тебя есть, что 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.