I have table with three input select and one button , so after I click on button I want to enable respective input to it, also change text of button and it should work individually for all rows, I have tried some methods but it doesn't very helpful.

  <input
                    placeholder=""
                    onChange={console.log("something")}
                    className="engineer-input"
                    disabled={true}
                  />
 {1 ? (
                    <button
                      className="btnassign"
                      onClick={console.log("show assign")}
                    >
                      Assign
                    </button>
                  ) : (
                    <>
                      <button className="btnassign">Allocated</button>
                    </>
                  )}

Here is the link to code -