У меня это работает в состоянии ванильного компонента реакции, но сейчас я включаю его в Redux, и вопрос в том, как бы я go сообщил о том, чтобы передать переменную сопоставленного элемента в файл редуктора или действия? Вот некоторый код, чтобы дать вам идею.
Вот функции, которые я хочу преобразовать в Redux.
this.handleShow = (food) => {
this.setState({activefood:food}, ()=> this.setState({ show: true }));
};
this.handleClose = () => {
this.setState({ show: false });
};
Вот карта
{foodReducer.map(food => (
<li key={food._id}>
<div className="description">
<button onClick={()=> this.handleShow(food.foodname)}>
<h4>{food.foodname}</h4>
</button>
</div>
</li>
))}
Итак, это в основном функция щелчка, которая, когда щелкает еду из сопоставленного списка, появляется модальное имя с фактическим названием еды, которая была нажата в модале. Но activefood
состояние берет food
с карты, так как бы редуктор или файл действия узнал или узнал, что это за переменная? Я хочу знать, возможно ли это, и какое направление или шаги я должен предпринять. спасибо.