Имеется кусок кода на реакте. Там где звёздочки проблема. Состояние кнопки обновляется только при обновлении страницы. setState
не совсем подходит, т.к. из мапы видно, что если использовать setState
то приментся ко всем элементам. Какое решение может быть?
this.props.requestStore.requests.map(({id: request_id, state, book, user}) => (
<tr key={request_id}>
<td>
<input type="button"
value="Удалить"
className="request-req-inp-del"
onClick={() => this.delete(request_id)}
/>
<input type="button"
value="Одобрить"
className="request-req-inp-app"
onClick={() => this.approve(request_id)}
disabled={**!book.state**}
/>
</td>
<td>{state ? "Запрос выполнен" : "На рассмотрении"}</td>
<td>{book.title}</td>
<td>{user.username}</td>
<td>{user.bookGiven - user.bookTaken}</td>
</tr>
)