Я новичок в React и у меня есть небольшая проблема.
У меня есть два файла - FileA и FileB. Оба имеют кнопку и простой счетчик крючков. Как экспортировать [countA, setCountA] в файл B и наоборот?
Я хочу иметь что-то вроде этого:
ButtonAClicked: setCountA (countA + 1), setCountB (countB - 1)
ButtonBClicked: setCountB (countB + 1), setCountA (countA - 1)
Есть идеи???
Если ниже указан ваш файл Main.js:
const[a,setA]=useState(0);
const[b,setB]=useState(0);
const updateA=(value:number)=>{
setA(value);
}
const updateB=(value:number)=>{
setB(value);
}
<AFile a = {a} b = {b} updateA = {updateA} updateB = {updateB}/>
<BFile a = {a} b = {b} updateA = {updateA} updateB = {updateB}/>
Внутри файла:
function A({a,b,updateA,updateB}) {
const onClickA=()=>{
updateA(a+1);
updateB(b-1);
}
<Button onClick = {onClickA}/>
}
Точно так же вы можете получить свой файл B.
это не то, что я ожидал .... так что, может быть, это причина, по которой я не знал решения LOL
мы не можем экспортировать только значения useState, это можно сделать, объявив родительское состояние, которое будет контролировать счетчики A и B.