1.2 KiB
1.2 KiB
title | localeTitle |
---|---|
Compose React Components | Компоновка компонентов реакции |
Компоновка компонентов реакции
намек
Используйте вложенные компоненты, как в предыдущем challemge, для рендеринга компонентов.
Решение
Следующее - решение чакенге, где оно отображает цитрусовые и NonCitrus в компоненте, который затем отображается в другом:
class Fruits extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<h2>Fruits:</h2>
<NonCitrus />
<Citrus />
</div>
);
}
};
class TypesOfFood extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<Fruits />
<Vegetables />
</div>
);
}
};