
Сергей
10.01.2018
14:26:01
так вот

Anton
10.01.2018
14:26:02
я так пытался понять что ему не нравится при иницилизации

Сергей
10.01.2018
14:26:08
только

Google

Сергей
10.01.2018
14:26:13
не число
не boolean
не объект
текст

Anton
10.01.2018
14:26:31
да, я понял уже что надо было в стринг завернуть

Eugene
10.01.2018
14:26:48
Вот бы мне такие нервы. :)
console.log(this.state.value.text) что выведет?:)

Anton
10.01.2018
14:27:30
а без маркдауна как длину из это строки вытащить? this.state.value.length?

Сергей
10.01.2018
14:28:12
this.state.value.text.length

Anton
10.01.2018
14:30:08
только в книге предлагнали задать дефаулт пропсы

Eugene
10.01.2018
14:31:19
а где тут пропсы?)

Anton
10.01.2018
14:31:36
ща

Сергей
10.01.2018
14:31:47
работает?

Google

Сергей
10.01.2018
14:32:06
классу можно сразу написать export class

dima
10.01.2018
14:32:14

Anton
10.01.2018
14:32:36

Roman
10.01.2018
14:32:55
не вышла
а была переведена

Сергей
10.01.2018
14:33:06
лучше никогда не читать книги по фронтенду

dima
10.01.2018
14:33:13
реакт с кинги ? рили ?

Anton
10.01.2018
14:33:21
я пытался сделать по причной мне технологии class Texare extends Component
ну точнее переписать

Eugene
10.01.2018
14:33:48
лучше уж egghead/youtube :)

Anton
10.01.2018
14:33:50
так как там предлагают просто в html файл подключить react и кодить, как по мне это дичь какая то

Сергей
10.01.2018
14:33:53
можешь смело выкинуть книгу)

Anton
10.01.2018
14:34:03
да я уже понял сейчас это

kana
10.01.2018
14:34:08

dima
10.01.2018
14:34:08
потом доки

Anton
10.01.2018
14:34:49
не правильно выразился в документации может и все освещено но примеры иногда не подходят

Google

kana
10.01.2018
14:36:32
иногда удивляюсь фразе "книга по фреймворку или библиотеке"

Anton
10.01.2018
14:36:49
ну там не книга, а больше гайд по написанию приложения

Сергей
10.01.2018
14:37:59

Anton
10.01.2018
14:38:23
вина в отсутсвии моего опыта
?

Nikita
10.01.2018
14:38:58

Andrey
10.01.2018
14:39:22

Stanislav
10.01.2018
14:48:53
Я думаю он предлагает не читать книги, которые устаревают быстрее, чем их переведут

Anton
10.01.2018
14:49:43
я был молод и глуп когда заказал ее

sh
10.01.2018
15:23:44
привет, подскажите куда копать, обернул компонент в withRouter, вылазиет такая ошибка
Property 'history' does not exist on type 'Readonly<{ children?: ReactNode; }> & Readonly<{}>'

Andrei
10.01.2018
15:35:43
Всем привет! Столкнулся с пробелмой в react-router

Andrei
10.01.2018
15:36:43
Редирект срабатывает, но в url отображается строка, без реального id, вот такая store/:id/products
Может кто знает, как исправить

Vladimir
10.01.2018
15:38:33
Нельзя так вроде даже

Daniel
10.01.2018
15:41:26
потому что ты сам «:id» захардкодил, используй match объект

Andrei
10.01.2018
15:42:20

Bogdan
10.01.2018
15:43:37
Можно как-то функцию прокинуть снизу вверх?

Andrei
10.01.2018
15:47:34

Anton
10.01.2018
16:11:22

Google

Anton
10.01.2018
16:11:32
в родительском элементе, правильно ли так делать
а если не правильно как передавать что либо в родительские элементы

Admin
ERROR: S client not available

Sergey
10.01.2018
16:15:49
Кто то пользуется material ui next?

Сергей
10.01.2018
16:16:37

Sergey
10.01.2018
16:17:58
Ну задавай сразу вопрос

Sergey
10.01.2018
16:18:10
у меня проблемка
никак не могу заставить работать checkbox
он не реагирует на стостояние из редакса

Сергей
10.01.2018
16:19:37

Женя
10.01.2018
16:33:38
https://redux-form.com/7.2.0/examples/remotesubmit/

Sergey
10.01.2018
16:44:44
<Field
name="is_active"
component={ RenderCheckboxField }
label="Статус активности проекта"
/>
вызываю через редакс форму

Igor
10.01.2018
16:45:11

Sergey
10.01.2018
16:45:26
и сама компонента
class RenderCheckboxField extends Component {
state = {
value: 0,
defaultValue: this.props.defaultValue ? this.props.defaultValue : 1
};
handleChange = name => (event, checked) => {
this.setState({ [name]: checked });
};
render() {
return (
<FormControlLabel
control={
<Checkbox
checked={ this.state.value }
onChange={ this.handleChange('value') }
value="1"
/>
}
label={ this.props.label }
/>
);
}
}

kana
10.01.2018
16:45:49

Igor
10.01.2018
16:46:01
А
Сори

Sergey
10.01.2018
16:46:19
только там пример с старым материалом
новый отличается
если бы все было ровно я бы тут не писал

Google

dima
10.01.2018
17:27:17
Юзал кто create-react-app и husky? Что то работало. А теперь watch мод запускается и хаски дальше не идет

Дмитрий
10.01.2018
17:55:48
Всем привет.
Начал использовать реакт, перерыл кучу инфы и тд, но пока что не доходит, как реализовать задачу.
Пытаюсь понять, как один компонент может изменить состояние другого компонента.
Например:
компонент 1: рендерит несколько блоков, у каждого блока свой чекбокс.
компонент 2: панель, c кнопкой "выделить всё". Клик по кнопке выделяет у всех блоков чекбоксы или снимает их.
Соотвественно тут как я понял идет работа с состояниями, как можно изменить состояние одного компонента, через другой? Обязательно ли использовать redux, для упрощение задачи?
Заранее большое спасибо :)


kana
10.01.2018
17:56:55
нужно просто поднять стейт компонента 2 в компонент 1
то есть компонент 2 больше не будет хранить стейт чекбокса, вместо этого в компоненте 1 будет массив с состоянием чекбоксов каждого компонента, и он будет передавать состояние чекбокса N в каждый N-ый компонент 2
а так же будет передавать функцию onCheckboxToggle или onCheckboxChange(newCheckboxState :: Bool), и компонент 2 будет эту функцию вызывать по нажатию на чекбокс, вместо того чтобы напрямую менять стейт

Дмитрий
10.01.2018
18:04:24
Если я правлиьно понял, функция onCheckboxChange будет находится же в компоненте 1. Пытался из компонента 2 её вызывать, увы не получилось, т.к. функция описана внутри компонента 1

Maksim
10.01.2018
18:05:03

Дмитрий
10.01.2018
18:06:51
вроде понял, попробую, спасибо

kana
10.01.2018
18:10:26

Дмитрий
10.01.2018
18:13:52
хм, есть какой-нибудь пример?

Stanislav
10.01.2018
18:16:45
https://reactjs.org/docs/lifting-state-up.html