Курс по React JS / Урок #6 - Отслеживание событий

В этом уроке мы создадим парочку собственных функций для, в которых будем применять различный код при нажатии на кнопки в нашем приложении.

✔ -------------

- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #GoshaReactJS

[maxmuranov]

Как же быстро ты объясняешь, это просто круто!)

[crashoverride]

Спасибо! Отличные уроки! Коротко, ясно и без лишней воды. ++

[romanryaboshtan]

Видно что автор хорошо готовится к каждому уроку, и поэтому быстро объясняет

[ouyufgr]

теперь через class Task extends Component, так как var Task = React.createClass уже deprecated.
Автор красавчек, лайк )

[maiklshon]

Автор большой молодец! если ты еще начнешь react-native тебе цены не будет! сделай такой же пересказ по react-native очень нужно и актуально! тем более ты хорошо владеешь реактом. для тебе это будет очень быстро и симулятор рядом запускай и делай не останавливайся.!!!

[fildevil]

Спасибо за уроки. В настоящее время уже не нужно ставить запятые после функции, с запятыми как в видео уже не будет работать. Может кому будет полезно :-)

[pbkoxuj]

Гоша хочу обратить ваше внимание опять же на обновление вашего кода!
Устаревший код который, может не сработать!
edit: function(){
alert("Нажата кнопка редактировать")
}
remove: function(){
alert("Нажата кнопка удалить")
}
Код Современный, работать будет!
edit(){
alert("Нажата кнопка редактировать")
}
remove(){
alert("Нажата кнопка удалить")
}

[KOlga]

Спасибо! Мне нравятся ваши обьяснения. Но я никогда не сталкивалась с подобным синтаксисом, не похож ни на классовый компонент, ни на функциональный..

[opuowof]

Добрый день, у меня по вашему примеру ошибка Inline Babel script:2 Uncaught TypeError: React.createClass is not a function

[kadyrkulove]

Не понял откуда он берет {this.props.children} ... где прописывали <Task> там я понял что он берет текст но вот откуда именно ХЗ

[arusikapinyan]

добрый день Гоша, во-первых, спасибо Вам за уроки, они очень крутые!!! Хотелось бы спросить, как ни делаю, а у меня не получается нарисовать кнопки калькуляторя, с использованием метода map, не могли бы Вы мне подсказать, как это делается???? Заранее спасибо

[gfgddtr]

и часто в реакте синтаксиси меняется?(( вместо edit: function() {
alert ('редактировать');
}, щас пишется edit() {
alert ('редактировать');
}

[Normand]

чуть функционала
edit(e) {
var inp =
var but =
var text =
but.innerHTML="Ок"
but.onclick = function(){
text.innerHTML=inp.value
if(inp) inp.remove(), but.remove()
}}
remove(e) {
e.target.parentNode.remove()
}

[sashanakhodkin]

Народ, подскажите пожалуйста, где отрыть эту цветовую схему для WebStorm?

[yqydqzw]

Подскажите как в VS Code настроить что бы еммет работал в render ( <div....

[katyadolgov]

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

[bestreact]

Новый код

class Task extends React.Component {
props;
edit (){
alert('Кнопка редактировать');
}
remove (){
alert('Кнопка удалить');
}
render() {
return (
<div className="btn">
<div
<button onClick={this.edit} >Редактировать</button>
<button onClick={this.remove} >Удалить</button>
</div>
);
}
}



ReactDOM.render(
<div>
<Task>Hello</Task>
<Task>Hello world!</Task>
<Task>world!</Task>

</div>,

);

[jsvpwct]

Ребята, в Unity рядом со вкладкой console есть вкладка assets, и вот что делать, если она куда-то делась????

[Huorn_Studio]

Подскажите пожалуйста
Дело в том что пытаюсь в 3д игре изменить интенсивность свечения солнца, источник света у меня вращается постоянно, изменяя свои Transform.rotation. Нужна проверка диапазона угла наклона по Х координате, чтото вроде этого:
if ((transoform.rotation.x > 50) && (transform.rotation.x < 150)) //это не рабочий код
Подскажите рабочий код пожалуйста

[lnzbyvr]

В чем проблема???

<div id="program"></div>

<script type="text/babel">
class Task extends React.Component {
edit() {
alert ("Нажата кнопка редактировать");
};
remove() {
alert ("Нажата кнопка удалить");
};
render() {
return (
<div className="box">
<div
<button onClick={this.edit} className="btn
<button onClick={this.remove} className="btn red">Удалить</button>
</div>
);
}
}
const app =
ReactDOM.render (
<div className="field">Task</div>, app
);
</script>