筆記頁面上有一個帶有停用功能的按鈕，有一個筆記物件（待辦事項），它有一個值為 False 或 True 的 is_active 屬性，單擊時此屬性會發生變化，請告訴我如何制作它，以便當按下按鈕，銘文會隨著值的變化而變化：“打開”：“關閉”，正確寫入條件的方式和位置。我找到了一個選項，但由于某種原因它不起作用。這是我的注釋代碼：
const TodoItem = ({todo, deleteTODO}) => {
// <div>if todo.is_active === 'True' ? button:'Open' : button:'Closed'</div>
return (
<tr>
<td>{todo.id}</td>
<td>{todo.name_project}</td>
<td>{todo.text}</td>
<td>{todo.date_create}</td>
<td>{todo.date_update}</td>
<td>{todo.creator}</td>
{/*<td>{todo.is_active}</td>*/}
<td>
{todo.is_active === 'True' ?
<button onClick={() => deleteTODO(todo.id)} type='button'>Open </button>:
<button onClick={() => deleteTODO(todo.id)} type='button'>Closed </button>}
</td>
</tr>
)
}
uj5u.com熱心網友回復：
我假設您想根據 is_active 的布林值更改按鈕的文本，那么這將起作用。
<td>
<button onClick={() => deleteTODO(todo.id)}>
{ todo.is_active ? "Open" : "Close" }
</button>
</td>
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/461167.html