все путем, спасибо. Это так, для размышлений, думал может я что-то упускаю. Я задача простоя - список задач с кнопками удалить на которых и весят

onDeleted={() => onDeleted(item.id)}

https://tech.geekjob.ru/prostoy-sposob-generacii-id-uuid/
но там не объясняются тильды. но это легко гуглится
https://stackoverflow.com/questions/5971645/what-is-the-double-tilde-operator-in-javascript

onDeleted={() => onDeleted(item.id)}

не удалишь, разве что через дата атрибуты играть, но туда все что попадя не надо запихивать

согласен, думал об этом

Кажется нашел способ: Отложенное создание обработчиков. Утрировано:

clickHandlers = {};

  getClickHandler(key) {

    // If no click handler exists for this unique identifier, create one.
    if (!Object.prototype.hasOwnProperty.call(this.clickHandlers, key)) {
      this.clickHandlers[key] = () => alert(key);
    }
    return this.clickHandlers[key];
  }

  render() {
    return (
      <ul>
        {this.props.list.map(listItem =>
            <Button key={listItem.text} onClick={this.getClickHandler(listItem.text)} />
        )}
      </ul>

Изврат какой-то. Функция все равно создаётся на момент записи ключа. Да и сборщик мусора скажет привет объекту с ключ - функциям

но не при ренде списка

ведь задача не избежать функции - а не создавать их на списке из 10 000 задач к примеру

Вызов в онклике

Создалась

На момент записи ключа

Ещё и объект какой-то

В общем такое лучше не писать и не упарываться

но онклик не вызывается при рендере

Ты метод вызовешь

В момент итераций

В общем делай как считаешь лучше

я может не понимаю чего, но this.getClickHandler(listItem.text) не будет вызван при рендере, а когда кнопу нажмут - создается обработчик и вызывается.

Хорошо)

Всем привет, подскажите как в селектор значение передать, у меня так стейт не находит :D