Je viens de commencer à apprendre à réagir JS. Vous vous demandez simplement que c'est un bon moyen d'invoquer un composant à l'intérieur d'un autre composant? P>
4 Réponses :
Vous souhaitez généralement composer des composants à l'aide de JSX. Il y a une bonne rédaction sur les documents de réagis. https://reactjs.org/docs/composition-vs-inhéritance.htmlled/a > const ComponentOne = () => <div>hi</div>
const ComponentTwo = () => <div>two</div>
const ComponentThree = () => (
<>
<ComponentOne />
<ComponentTwo />
</>
)
La plupart des projets de réagissance commenceront en vous donnant un Exemple de travail ci-dessous: p> p> app.js code> composant où vous pouvez commencer à écrire un code. Là, vous pouvez invoquer d'autres composants à l'aide de Syntaxe JSX . Comme ceci:
class App extends React.Component {
constructor(props) {
super(props)
this.state = {
// some state goes here..
}
}
render() {
return (
<div>
<Header />
<Main />
<Footer />
</div>
)
}
}
réact a deux types de composants: fonction basée sur la fonction et la classe. Je vais expliquer les composants basés sur la fonction.
Exemple: P> blockQuote>
xxx pré> p>
Merci beaucoup pour l'explication détaillée. Après avoir lu certaines des réponses, j'ai réalisé que ma confusion n'est venue de ne pas comprendre les différences entre la fonction d'importation en tant que composant par rapport à la classe de composant React de l'importation (composant d'étendue de classe). Dois-je vous soucier de quel type de composant que je construisait ou qu'ils agissent surtout la même chose.
Dans le cas où vous voulez apprendre ou commencer à Le je recommanderai ce HTTPS: / /reactjs.org/docs/getting-started.html . Si vous avez une autre question s'il vous plaît faites le moi savoir. p>