Функциональный компонент без сохранения состояния - React
Я новичок в React, и я делаю несколько руководств в Интернете. Теперь у меня такая задача: Если компонент в следующем коде является функциональным компонентом без сохранения состояния, какое выражение вы бы написали для доступа к опоре элементов внутри компонента?
<IngredientList items = {ingredient.items} />
Понятия не имею, какой ответ правильный и почему: / Не могли бы вы мне помочь?
Ответы 3
Если это props.items. Если это класс this.props.items
Функциональные компоненты без сохранения состояния обычно выглядят примерно так.
Это понравится, если передать ребенку только одну опору.
const ChildComponent = ({ someProp }) => (
<div>
<h1>Child Component {someProp}</h1>
</div>
)
Вот так бы хотелось передать ребенку весь родительский реквизит.
const ChildComponent = (props) => (
<div>
<h1>Child Component {props.someProp}</h1>
</div>
)
Большой! Большое тебе спасибо! :)
Без проблем! Рад, что это помогло тебе.
Вы можете получить доступ ко всем своим реквизитам, используя props.itemName. Бывший: Просто набрав props.items
Ваш функциональный компонент будет выглядеть примерно так, как показано ниже:
const IngredientList = props => {
// here you get all the props passed to IngredientList
const items = props.items.map(item => <div>item</div>);
return <div>items</div>
}
Функциональный компонент без состояния - это то, на что похоже. Вы получаете доступ к реквизиту как есть. Итак, ваш ответ - props.items.