Je tente de créer et de rendant un composant fonctionnel à l'aide de Les instructions ici comme une base. D'après ce que j'ai Sén, je devrais pouvoir faire quelque chose dans le sens de: mais cela jette l'erreur: mais ce n'est pas ce que je veux faire. Quelle est la bonne façon de créer / rendu un composant fonctionnel dans React.js? donc j'ai essayé que, puis il jette l'erreur suivante:
5 Réponses :
Essayez ceci
Lève toujours le autreComponce n'est pas défini erreur
Cela fonctionne également pour moi, mais vous ne devez le faire que si vous souhaitez nier vos composants comme
Par exemple, celui-ci fonctionne. Voir les docs;) réactif - composants de composants
function OtherComponent(props) {
return <div>test</div>;
}
class App extends React.Component {
render() {
return (
<div>
<OtherComponent props="test" />
</div>
);
}
}
Vous ne pouvez pas définir un composant à l'intérieur d'un autre composant. Un composant fonctionnel signifie que le composant est créé à partir d'une fonction et n'est pas une classe. Cela ne peut pas avoir son propre état, car l'état est initialisé dans le constructeur de classe. Découvrez cet article pour plus d'infos HTTPS : //hackernoon.com/react-stils-stils-stils-fonctionnel-components-nine-wins-you-might-Have-overlooked-997B0D933DBC
Voici un autre moyen. Ce n'est pas correct de déclarer un composant dans une fonction de rendu. Si elle est utilisée uniquement dans un composant parent, pourquoi ne pas faire explicitement et utiliser statique
export default myOtherComponent = (props) => ()
De cette façon, vous pouvez définir un composant de fonction et maintenant, vous pouvez utiliser un composant fonctionnel de votre application (composant de classe) comme ci-dessous