我對 react 和 javascript 比較陌生，所以我的問題是：
我如何以上帝的名義直接訪問這兩個物件？我嘗試使用 Object.keys 沒有任何成功。
const [inputList, setInputList] = useState([{action: "", dest: "", }]);
const isEnabled = //how do I check if both action and dest length is > 0???
<Button disabled={!isEnabled}>Continue</Button>
uj5u.com熱心網友回復：
您可以使用Array#every來驗證陣列中的每個物件。
const isEnabled = inputList.every(({action, dest})=>action && dest);
uj5u.com熱心網友回復：
我建議只這樣做。當任何專案中的一個（或兩個）欄位中沒有任何inputList內容時，條件將是true并且按鈕將被禁用。
<Button disabled={inputList.every(({ action, dest }) => !action.length || !dest.length)}>Continue</Button>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/506390.html
標籤：javascript 反应 数组 目的 反应钩子