Возник интересный вопрос, как мне лучше всего передавать someValue в somefunction,
при нажатии кнопки: оформить все это в форму или лучше использовать иной способ?
<li key={someKeygen}>
{someValue }
<button onClick={this.somefunction.bind(this)}>Добавить</button>
</li>
Вариант 1. Передавайте someValue в аттрибуте data:
<li key={someKeygen}>
{someValue }
<button
onClick={this.somefunction}
data-some-value={someValue}
>
Добавить
</button>
</li>
обработчик:
somefunction = (event) => {
let someValue = event.target.datastore.someValue;
}
Вариант 2. Создайте отдельный компонент для элемента и передавайте ему someValue через props
class MyItem extends React.Component {
render() {
return (
<button
onClick={this.onClick}
>
{this.props.children}
</button>
);
}
onClick = () => {
this.props.onClick(this.props.value);
}
}
список:
<li key={someKeygen}>
<MyItem
value={someValue}
onClick={this.somefunction}
>
Добавить
</MyItem>
</li>
обработчик:
somefunction = (value) => {
let someValue = value;
}
Вариант 3. Указан в комментарии @Misha Saidov к вашему вопросу
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Подскажите решение как реализовать синхронизацию ползунка с картинкамиОчевидно, но на всякий случай: Крутим ползунок вправо - слайды двигаются...
Возникло несколько моментов с прокруткой блокаПрошу заметить, тут меня не интересует прокрутка страницы, как оказалось
Такой стиль загрузки я заметил на сайте https://unsplashcom/(Наверное всем известен ) Помогите пожалуйста , буду ждать ответа
Есть галерея,при наведении на картинку должен появляться hover с текстом,должно это все выглядеть как ТУТ когда наводишь на картинку он очень...