https://github.com/ReactTraining/react-router/blob/master/docs/Troubleshooting.md#passing-additional-values-into-route-components

Господа, подскажите, как рендерить что-то, полученное асинхронно? Так не работает — рендерит, будто бы пустой массив как был, так и остался, хотя данные из API пришли. https://puu.sh/tVpiv/d803af1a83.png

Господа, подскажите, как рендерить что-то, полученное асинхронно? Так не работает — рендерит, будто бы пустой массив как был, так и остался, хотя данные из API пришли. https://puu.sh/tVpiv/d803af1a83.png

в пропс?

А обязательно в него писать?

Нет, просто елси не в пропс, нужно сообщить компоненту, что ему нужно перерисовать себя

Я не знаю, насколько это правильно, но тебе стоит испольхзовать this.forceUpdate()

Ага, понял, спасибо

не стоит

Я в пропс лучше буду

стоит использовать state

Просто не думал что это важно

Почему state?

state изменяемое состояние, props нет

в props можно передавать из выше стоящего компонента

стоит использовать state

после прихода значения в стейт, компонент все равно нужно будет перерисовать, разве нет?

после прихода значения в стейт, компонент все равно нужно будет перерисовать, разве нет?

он сам перерисуется при изменении state

_this.state is undefined

Господа, подскажите, как рендерить что-то, полученное асинхронно? Так не работает — рендерит, будто бы пустой массив как был, так и остался, хотя данные из API пришли. https://puu.sh/tVpiv/d803af1a83.png

о госпосоди, отстсупы табами

?

о госпосоди, отстсупы табами

не начинай

ладно

не начинай

да он знатный холиварщик

constructor(props){ super(props) this.state = {...mystate} }

_this.state is undefined

Задейфайнь его в конструкторе

потом setState

Это ж основы

Дока это объясняет в самом начале туториала

https://facebook.github.io/react/docs/state-and-lifecycle.html

вызывать foo можно из componentWillMount если много данных

можно, но не нужно

Да, уже разобрался. Не трогал реакт глубоко просто до сих пор

можно, но не нужно

почему?

почему?

в доке примеры с fetch из componentDidMount, возможно там и причина описана точно, но сейчас искать времени нет.

https://facebook.github.io/react/docs/react-component.html#componentwillmount

componentWillMount therefore setting state in this method will not trigger a re-rendering. Avoid introducing any side-effects or subscriptions in this method. This is the only lifecycle hook called on server rendering. Generally, we recommend using the constructor() instead. componentDidMount() If you need to load data from a remote endpoint, this is a good place to instantiate the network request. Setting state in this method will trigger a re-rendering.

Спасибо

Господа, подскажите, как рендерить что-то, полученное асинхронно? Так не работает — рендерит, будто бы пустой массив как был, так и остался, хотя данные из API пришли. https://puu.sh/tVpiv/d803af1a83.png

а разве делать это в компоненте нормально? Экшены же есть

в реакте нет экшенов

componentWillMount therefore setting state in this method will not trigger a re-rendering. Avoid introducing any side-effects or subscriptions in this method. This is the only lifecycle hook called on server rendering. Generally, we recommend using the constructor() instead. componentDidMount() If you need to load data from a remote endpoint, this is a good place to instantiate the network request. Setting state in this method will trigger a re-rendering.

О, классно, спасибо, заодно конструктор разгружу

в реакте нет экшенов

ну я имел ввиду вынести в отельные функции как нить и работать аля как будто у тебя redux

зачем?

foo - уже отдельная функция

ну я имел ввиду вынести в отельные функции как нить и работать аля как будто у тебя redux

Зачем? Данные получаются и используются только этим компонентом.

идеология скорее копонент - это же View часть

или я идиот?)

или я идиот?)

Ну это уж тебе виднее)

я имею ввиду - херню сказал)

или я идиот?)

посмотри на redial

посмотри на redial

https://www.npmjs.com/package/redial ?

угу

Меня смущает только то, что компонент знает структуру API

И вот этот кусок можно бы отделить

да я бы ваще отделил запросы :)

угу

вроде штука неплохая но я юзаю redux, я с ним знаком, и мне норм)

на сервере ты как без redial обходишься?

а, серверный react?

react-tether

ERROR: S client not available

ты о чем-то другом видишь говоришь

https://github.com/souporserious/react-tether

видать я не догоняю что такое redial

и зачем он нужен

он останавливает рендеринг на сервере, пока не выполнятся все запросы за данными

при этом не блокируя eventloop

т.е я типо отрендерил, отдал, а в этом отрендереном есть запрос, и оно опять попадает на серв и рендерится, а redial это предотвращает или как?

он останавливает рендеринг на сервере, пока не выполнятся все запросы за данными

или я все равно не так понимаю чета?)

> "Вычислительная техника - это дисциплина, в которой считается, что все проблемы можно решить благодаря введению одного или нескольких уровней косвенности"

ппл, может кто-то проконсультировать по реакт-рутер? я правильно понимаю его принцип: он позволяет выбирать компонент или просто своих children исходя из соответствия локейшена шаблону? вопрос в том, что я могу его использовать в разных компонентах независимо?

ппл, может кто-то проконсультировать по реакт-рутер? я правильно понимаю его принцип: он позволяет выбирать компонент или просто своих children исходя из соответствия локейшена шаблону? вопрос в том, что я могу его использовать в разных компонентах независимо?

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

ну допустим есть несколько блоков на экране

в каждом подкомпонент может выбирваться независимо с учётом локейшена

все примеры что я видел подразумевают только вложенность и вобщем то единое какое то дерево

ну и собсна какого фига они рекомендуют browserHistory, когда это подразумевает ненужное обращение к серверу?

ну и собсна какого фига они рекомендуют browserHistory, когда это подразумевает ненужное обращение к серверу?

вот это совсем не понял

вот это совсем не понял

https://github.com/ReactTraining/react-router/blob/master/docs/guides/Histories.md#browserhistory

за каким фигом по их конфигурации на каждую смену локейшена перечитывать index.html?

Очередной Newsletter http://reactjsnewsletter.com/issues/63

за каким фигом по их конфигурации на каждую смену локейшена перечитывать index.html?

Я тебя не понимаю

Я тебя не понимаю

ну, видимо, я не понимаю написанное

Я тебя не понимаю

Your server must be ready to handle real URLs. When the app first loads at / it will probably work, but as the user navigates around and then hits refresh at /accounts/23 your web server will get a request to /accounts/23

ну, видимо, я не понимаю написанное

Так

Почитай про HTML5 history

за каким фигом серверу читать /accounts/23 в моём SPA?

И да ты не понимаешь что там написано

Чтобы без хеша было в урле