
Nikita
08.01.2017
18:33:57
да

Roman
08.01.2017
18:33:58
ясно вижу
<button className="square" onClick={() => this.setState({value: 'X'})}>
{this.state.value}
</button>
так а из пропсов кто тут что передает )

Nikita
08.01.2017
18:35:03
onClick можно передать в пропс из родительского компонента

Google

Nikita
08.01.2017
18:35:23
вот в этом случае ты и используешь в propTypes func

Roman
08.01.2017
18:36:04
дочерный компонент я вроде делал но нерез через дочерный класс с супер() как они тут показывают

Nikita
08.01.2017
18:36:18
причем тут супер?

Roman
08.01.2017
18:36:56
ай вот оно
<Square value={this.state.squares[i]} onClick={() => this.handleClick(i)}
ок все ясно, крутотень

Nikita
08.01.2017
18:37:23
??

Roman
08.01.2017
18:37:34
у меня гиперсомния так уж простите
лечюсь

Nikita
08.01.2017
18:38:00
ничего
у меня наоборот )
да и вообще не стоит париться
нормальные вопросы

Roman
08.01.2017
18:39:39
хрен знает что хуже: я 4 часа максимум за компом могу сидеть, клонит в сон конкретно, причем ни энергетики ни кофе ни даже какое не помогают. даже велосипед не помогает

Alexander
08.01.2017
18:40:17
Врубай яркость на максимум )

Google

Real Human
08.01.2017
18:47:09

Roman
08.01.2017
18:48:26

Alexander
08.01.2017
18:48:47

Roman
08.01.2017
18:49:20
две разные вещи
а засыпаю на раз два, а проснутся не могу
что даже интересно это от лени отличается, чувство лени совершенно инное
как получить values с формы после субмита?
в доках реакта зачем-то через состояния делают нафига казе баян, мне бы просто получить после onSubmit данные и передать их в get или post

Azein
08.01.2017
19:19:20
можешь просто собрать json да отправить, хз

Roman
08.01.2017
19:19:42
что из руками чтоли собирать?
нельзя просто массив из values формы получить как в jquery?

Azein
08.01.2017
19:21:21
Много чего можно сделать, но не обязательно везде применять подход "как в jquery"

Roman
08.01.2017
19:22:55
ну зачем руками то форму собирать, просто все с формы бы масив в аксиос, а тот сам в json соберет
в доках через рефы делают а мне компонент не дает использовать рефы
говорит нефиг в stateless пихать рефы

Nikita
08.01.2017
19:24:29
ну да

Azein
08.01.2017
19:24:32
но на странице у тебя все еще хтмл и джаваскрипт. есть наверное разные встроенные методы

Nikita
08.01.2017
19:24:33
сделай не стейтлесс

Azein
08.01.2017
19:24:39
через document.forms там или еще как-то

Google

Azein
08.01.2017
19:24:44
можно доки по сабмиту посмотреть
и сохранить данные из эвента

Alexander
08.01.2017
19:25:05
юзай redux-form и не парься

Azein
08.01.2017
19:25:07
мне просто кажется к реакту этот вопрос не имеет особо отношения прямого

Roman
08.01.2017
19:25:24

Nikita
08.01.2017
19:27:23
не не
сначала все руками
потом редакс
потом редакс-реакт
потом редакс-форм

Azein
08.01.2017
19:27:52
если инпуты контролируемые, то где-то в стейте есть значения. если нет - есть рефы
и в конце концов есть DOM и можно сделать "как в jquery" только без jquery

Alexander
08.01.2017
19:28:41
да, кстати, через рефы хороший вариант для начала

Roman
08.01.2017
19:28:56
в onsubmit подается "е" переменная

Azein
08.01.2017
19:29:23
ну, онсабмит - хендлер сабмита. посмотри что там в эвенте
может там уже есть все что нужно, выведи в консоль

Roman
08.01.2017
19:31:25
ну во e.target
в json его весь и на выход

Azein
08.01.2017
19:34:32
а не dom-нода формы ли там является таргетом? Что, всю в json>

Roman
08.01.2017
19:36:23
ну нет но, все что внутри формы можно было бы слать на прямую ) а в будущем вообще с json-schema всю форму генерить и отсылать ее всю назад. там бакэнд разберется

Andrey
08.01.2017
19:56:12
Ребят, а можно задать class property как async arrow function, и как это можно сделать?

Roman
08.01.2017
19:56:18
ребят обьясните нахрена везде в доках onchange =/? мне только после нажатия субмита нужно делать что-то. чего они тут творят то

Dmitry
08.01.2017
19:57:05
Ну чтобы в стейт значение новое сохранять, например

Andrey
08.01.2017
19:57:06
Т.е.
boundFunction = () => {
return this.instanceProperty;
}
должна быть записана как асинхронная стрелочная функция

Google

Roman
08.01.2017
19:57:36

Dmitry
08.01.2017
19:57:49
Тебе может вполне подходить
Разные кейсы бывают

Andrey
08.01.2017
19:58:01

Roman
08.01.2017
19:58:28

Andrey
08.01.2017
19:58:35
Посмотри в сторону
refs

Dmitry
08.01.2017
19:58:59
У меня в прошлом проекте вся форма по onchange сабмитилась

Andrey
08.01.2017
19:59:00
Значит стейт используется чаще для хранения инпутов

Roman
08.01.2017
19:59:17
я и непонимаю для чего refs нужен ) мне просто в onSubmit передать "e" а там я уже возьму значение

Admin
ERROR: S client not available

Dmitry
08.01.2017
19:59:46
в onSubmit и так прилетает событие же?

Roman
08.01.2017
20:00:11
что-то тут мудрят, все как в старые 90тые - заполнил форму нажал субмит, перехватил ивент, взял масив данных послал в запрос
а тут зачем то onchange :) вся валидация то на сервере, а чтобы там сойдя с формы провалидировать, там тогда уж json-schema можно использовать с бакэнда

Andrey
08.01.2017
20:01:23
Все равно тебе дали два варианта решения, выбирай лучший по себе)

Petr
08.01.2017
20:01:28
Верно в 90-х не было валидации и прочее на клиенте, все делалось на бэк

Roman
08.01.2017
20:02:41

Andrey
08.01.2017
20:03:36

Roman
08.01.2017
20:04:05
тоска

Azein
08.01.2017
20:04:16
Реакт - это рендеринг лейаута из данных
И их кейсы про это

Google

Azein
08.01.2017
20:04:26
В документации

Andrey
08.01.2017
20:04:45

Petr
08.01.2017
20:05:05
Это один из основных принципов реакта - state, вот и в доках используют его

Roman
08.01.2017
20:05:43
как компонент в stateful переделать недает рефы использовать

Dmitry
08.01.2017
20:05:48
Если бы тебе нужны было просто сабмитить форму, то вероятно ты и реакт бы не использовал :)

Roman
08.01.2017
20:06:38
ну я реакт как template engine использую сначала основы а потом уже..

Nikita
08.01.2017
20:08:13
это не темплейт инжин
лучше тогда реакт выкинуть
и использовать темплей инжин
пока не столкнешься с его ограничениями

Dmitrii
08.01.2017
20:12:33
посмотрел react-router 4 - бомбезная штука будет

Roman
08.01.2017
20:14:40
поясните бедолаге разницу Class NameForm extends React.Component { от var NameForm = React.createClass({ ? в доках про формы они еще и super() зачем-то используют. не хотелось бы таким образом делать

Timur
08.01.2017
20:15:24
Всё это в документации описано.
На сайте Реакта.

Petr
08.01.2017
20:15:58
class - синтаксический сахар

Roman
08.01.2017
20:16:07
только в видео туторе видать подзабыл товарищь обьяснить

Timur
08.01.2017
20:16:33

Vladimir
08.01.2017
20:27:32

Dreamerinnoise
08.01.2017
20:27:59

Roman
08.01.2017
20:28:28
ясно

Dreamerinnoise
08.01.2017
20:29:53
ясно
бабелем не пользуешься?

Roman
08.01.2017
20:30:04
пользуюсь