Преобразовать строку в вызов функции в ReactJS

Question

В моем случае кнопки создаются динамически, а имена функций назначаются им динамически. Имена функций получены из БД. Я знаю, что это возможно в JS, но в reactJS я не смог назначить имена моих методов соответствующей кнопке.

Ниже приведен мой текущий код

{this.state.btnArray.map((btnProps, index) =>
  <button
    key={index}
    onClick={() => this.onButtonClick(btnProps.method)}
    style={btnStyle}
  >
    {btnProps.value}
  </button> 
)}

Здесь onButtonClick - это метод для всех кнопок, я хочу изменить его для каждой кнопки.

Answer 1

Попробуйте изменить функцию onClick для непосредственного вызова метода btnProps.method

{this.state.btnArray.map((btnProps, index) =>
 <button
  key={index}
  onClick={() => btnProps.method()}
  style={btnStyle}
  >
   {btnProps.value}
 </button> 
 )}