我有一組資料
const projectTypeValues = [
{ name: 'Hour', value: 'hour'},
{ name: 'Day', value: 'day'},
{ name: 'Session', value: 'session'},
{ name: 'project', value: 'project'}]
從那里我通過回圈顯示材質 ui buttonGroup 中的按鈕。
{projectTypeValues.map(element=>
<Button variant="contained" color="primary">{element.name}</Button>
)}
當其他按鈕處于活動狀態時,如何禁用此回圈中的幾個或幾個按鈕?
我想顯示所有 4 個按鈕,但其他 3 個按鈕將被禁用,只有會話處于活動狀態
謝謝你的幫助
uj5u.com熱心網友回復:
像這樣嘗試
{
projectTypeValues.map(element => (
<Button
variant="contained"
color="primary"
disabled={element.value !== "session"}
>
{element.name}
</Button>
));
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/359924.html
標籤:javascript 反应 阿贾克斯
