Народ. Помогите пожалуйста решить проблему.
У меня есть главный компонент в котором я в select выбираю Валюту
Храню ее в state.
const [currency, setCurrency] = useState<number>(1);
И у меня есть массив дочерних элементов
const [products, setProducts] = useState<IProduct[]>([]);
При нажатии на кнопку (Создать элемент) я делаю следующее
const component = (
<CreateOnePaymentProduct payload={{ currency }}/>
);
const product: IProduct = {component};
setProducts(oldArray => [...oldArray, product]);
Далее я в коде вывожу этот список компонентов таким образом:
{products.map(item => item.component)}Но когда я меняю валюту в главном компоненте, мне нужно что бы в дочернем он тоже поменялся.
Что бы в дочернем компоненте обновилась
props.payload.currency
Каким образом это сделать?
Буду очень благодарен за помощь
