Как отключить определенный button в react
Как мне отключить определенную кнопку а не все, данные приходят с сервера, кнопок может быть много но отключить нужно определенную.
<div
className="card"
style={{ width: 18 + "rem" }}
key={`${index}`}
>
<img src={post.url} className="card-img-top" alt="..." />
<div className="card-body">
<h5 className="card-title">{post.title}</h5>
<p className="card-text">{post.content}</p>
<a href="/" className="btn btn-primary">
{post.category}
</a>
<button onClick={() => like(index)} disabled>Like</button>
<h3>{post.likes} likes</h3>
</div>
</div>
Ответы (1 шт):
Автор решения: dresser
→ Ссылка
<div
className="card"
style={{ width: 18 + "rem" }}
key={`${index}`}
>
<img src={post.url} className="card-img-top" alt="..." />
<div className="card-body">
<h5 className="card-title">{post.title}</h5>
<p className="card-text">{post.content}</p>
<a href="/" className="btn btn-primary">
{post.category}
</a>
<button onClick={() => like(index)} disabled={index === 1(или id который нужен) && true}>Like</button>
<h3>{post.likes} likes</h3>
</div>
</div>