我可以在正確的方向上使用推送，我總共有 3 個組件，名為 Shop、Shop2 和 Shop 3，在每個組件中我都有一個按鈕，按下該按鈕會添加一個 1 客戶并且限制為 5，我有這個3 次（每個組件 1 次），我如何添加螢屏上有多少客戶的計數（來自按下按鈕數量的數值的 Suma）fe。我按了按鈕 A 3 次，按鈕 B 5 次和按鈕 C 2 次，我需要顯示 suma，它看起來像這樣：總客戶數：10。
這是按鈕組件（我總共有 3 次，名為 Shop、Shop2 和 Shop3 的組件）
render(props) {
//@@viewOn:private
const [count, setCount] = useState(0);
function addCount() {
setCount(prevCount => prevCount 1)
}
//@@viewOff:private
//@@viewOn:interface
//@@viewOff:interface
//@@viewOn:render
return (
<div>
<h1>Kaufland</h1>
<p style={{ color: count > 4 ? "red" : undefined }}>Customers {count}</p>
<Uu5Elements.Button
class="btn1"
onClick={count > 4 ? undefined : addCount}>
1
</Uu5Elements.Button>
</div>
//@@viewOff:render
)}
我試著讓它在使用組件的最終應用程式中作業：
render(props) {
//@@viewOn:private
const [currentTime, setCurrentTime] = useState(new Date());
const [count, setCount] = useState(0);
useEffect(() => {
setInterval(() => {
setCurrentTime(new Date());
}, 1000);
},
[]);
function addCount() {
setCount(prevCount => prevCount 1)
}
//@@viewOff:private
//@@viewOn:interface
//@@viewOff:interface
//@@viewOn:render
return (
<>
<RouteBar />
<div className={Css.mainContainer()}>
<div>{currentTime.toLocaleString("cs")}</div>
<h1>Total Customers {addCount}</h1>
<Shop/>
<Shop2/>
<Shop3/>
</div>
</>
);
//@@viewOff:render
}
現在，當我按下按鈕時，該值僅按應有的方式加到每個按鈕上，但不計入所需的 suma。
uj5u.com熱心網友回復：
將您自己的添加const [count, setRootCount] = useState(0);到您的根組件并傳遞setRootCount給您的shop組件。然后兩者都呼叫。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/536700.html
標籤：反应按钮