Возник интересный вопрос, как мне лучше всего передавать 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 к вашему вопросу
Виртуальный выделенный сервер (VDS) становится отличным выбором
Подскажите решение как реализовать синхронизацию ползунка с картинкамиОчевидно, но на всякий случай: Крутим ползунок вправо - слайды двигаются...
Возникло несколько моментов с прокруткой блокаПрошу заметить, тут меня не интересует прокрутка страницы, как оказалось
Такой стиль загрузки я заметил на сайте https://unsplashcom/(Наверное всем известен ) Помогите пожалуйста , буду ждать ответа
Есть галерея,при наведении на картинку должен появляться hover с текстом,должно это все выглядеть как ТУТ когда наводишь на картинку он очень...