сменить надпись на кнопке по условию

Есть кнопка на странице с заметками с функцией деактивации, подскажите пожалуйста как сделать чтобы при нажатии кнопки на ней менялась надпись: "Open" : "Closed", есть объект-заметка (todo) у него есть свойство is_active, как правильно прописать условие: если значение is_active == True, на кнопке надпись "Open", логику понимаю, а в синтаксис не могу разобраться. Вот какой у меня код заметки:

const TodoItem = ({todo, deleteTODO}) => {

    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>
                {/*{this is.ative}*/}
                <button onClick={() => deleteTODO(todo.id)}  type='button'>Open </button>
             </td>
        </tr>
    )
}