Hay un botón en la página de notas con una función de desactivación, hay un objeto de nota (todo) que tiene una propiedad is_active con un valor de False o True, esta propiedad cambia cuando se hace clic, dígame cómo hacerlo para que cuando el se presiona el botón, la inscripción cambia junto con el valor: "Abierto": "Cerrado", cómo y dónde escribir la condición correctamente. Encontré una opción, pero por alguna razón no funciona. Aquí está mi código de nota:

 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> ) }