Как автоматически создать переменную?

У меня есть функция, которая перебирает массив и создает кнопки. Скажите, как я могу создать автоматически для каждой кнопки новую переменную вида const [test] = useSound(SoundImport.test);

function createNewButton() {
    return props.newResult.map(() => (
      <button className={styles.buttonPlay} id='button3'>
        {props.newResult}
      </button>
    ));
  }

Проект на реакте. Не знаю в чистом js это делается или есть методы на реакте


Ответы (1 шт):

Автор решения: Sire IMPACTUS

Было бы лучше уточнить для чего тебе это нужно, чтобы предложить правильный варинт. Пока есть только 2 идеи реализации того, что тебе нужно. (если я правильно тебя понял)

function createNewButton() {
    const buttonCallback = useCallback((item) => {
      // делаешь то, что надо
    }, [])

    return props.newResult.map((item) => (
      <button className={styles.buttonPlay} onClick={buttonCallback } id='button3'>
        {props.newResult}
      </button>
    ));
}

ЛИБО

const callbacks = {}

function createNewButton() {
   
    return props.newResult.map((it, i) => {
      const func = () => { ///.... }
      callbacks[i] = func;
      return <button className={styles.buttonPlay} onClick={func} id='button3'>
        {props.newResult}
      </button>
    });
}

→ Ссылка