Привет, никто не пользуется react-bootstrap? Конкретно интересует модальный диалог. На большом экране все работает нормально, а вот на мобильнике, если тапнуть по полю ввода, вылезает onscreen клавиатура, системная и диалог пропадает. Диалог относительно большой, почти на весь экран. Поможет, если его сократить до пол-экрана по высоте или как с этим правильно бороться?

всем привер. подскажите пожалуйста. как валидировать размер загружаемого файла

всем привер. подскажите пожалуйста. как валидировать размер загружаемого файла

у файл инпута есть массивчик files[] (https://developer.mozilla.org/en-US/docs/Web/API/FileList) после добавления файла. в нем - список добавленный файлов. если их перебрать и обратиться к проперти .size (https://developer.mozilla.org/en-US/docs/Web/API/File)

это все на клиенте можно, да?

это все на клиенте можно, да?

да

Или вот другой, возможно детский вопрос. У меня приложеньеце подгружает данные с google drive. Так вот проблема, если тестирую прогу, все работает. После того как задеплою на сервере и пробую там, браузер отказывается подгружать данные по "no-cors". Чистка кэшей и всего прочего не помогает, в хидерах упорно некоторое время передается localhost. Или наооборот. Попользовался на целевом сервере, начинаю тестировать у себя, опять таже петрушка

Минут через 10-15 нормализуется само

Может как то по умному можно это обходить?

Или вот другой, возможно детский вопрос. У меня приложеньеце подгружает данные с google drive. Так вот проблема, если тестирую прогу, все работает. После того как задеплою на сервере и пробую там, браузер отказывается подгружать данные по "no-cors". Чистка кэшей и всего прочего не помогает, в хидерах упорно некоторое время передается localhost. Или наооборот. Попользовался на целевом сервере, начинаю тестировать у себя, опять таже петрушка

Тебе надо на сервер смотреть, может он со своей стороны что делает, хотя как он может знать о localhost ?

Мб у тебя какой-то интерсептор запросов где работает

Тебе надо на сервер смотреть, может он со своей стороны что делает, хотя как он может знать о localhost ?

После того как я с localhost, перехожу на хост (в барузере, в адресной строке вместо localhost:3000 набираю myhost.io), приложение грузится, но не подгружает данные. Так как некоторое время в http header Origin передается localhost Failed to load https://docs.google.com/spreadsh....: The 'Access-Control-Allow-Origin' header has a value 'https://мойсервер.io' that is not equal to the supplied origin. Origin 'http://localhost:3000' is therefore not allowed access. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Последнее я вижу в консоли

После того как я с localhost, перехожу на хост (в барузере, в адресной строке вместо localhost:3000 набираю myhost.io), приложение грузится, но не подгружает данные. Так как некоторое время в http header Origin передается localhost Failed to load https://docs.google.com/spreadsh....: The 'Access-Control-Allow-Origin' header has a value 'https://мойсервер.io' that is not equal to the supplied origin. Origin 'http://localhost:3000' is therefore not allowed access. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Я понимаю в чем твоя проблема, я тебе написал что тебе нужно отследить откуда берётся этот заголовок

Я понимаю в чем твоя проблема, я тебе написал что тебе нужно отследить откуда берётся этот заголовок

Вот и странно, да. Я не пойму от куда. Я в дев консоли пробовал все подчистую чистить, и все равно. Если я оставлю в покое сайт минут на 15, то потом само начинает работать

Вот и странно, да. Я не пойму от куда. Я в дев консоли пробовал все подчистую чистить, и все равно. Если я оставлю в покое сайт минут на 15, то потом само начинает работать

Открывай сервер, и начинай отслеживать респонсы на свои запросы

Открывай клиент и смотри реквесты

А, это кажется google что там делает. Я тут не причем. Он сам выставляет Access-Control-Allow-Origin в localhost:3000 и некоторое время тем и отвечает. Потом через некоторое время в заголовке приходит уже Access-Control-Allow-Origin = myhost.io. Вон куда смотреть надо

подскажите в чем может быть проблема? роутер обернут в компоненту App решил добавть в нее логику с стором как только изменил возврат с export default App; на export default connect(mapStateToProps)(App); роутер перестает работать что я делаю не так?

подскажите в чем может быть проблема? роутер обернут в компоненту App решил добавть в нее логику с стором как только изменил возврат с export default App; на export default connect(mapStateToProps)(App); роутер перестает работать что я делаю не так?

В withRouter оберни все

В withRouter оберни все

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

Китайцев бан это боты

В withRouter оберни все

А так получится? Апп же выше роутера

подскажите в чем может быть проблема? роутер обернут в компоненту App решил добавть в нее логику с стором как только изменил возврат с export default App; на export default connect(mapStateToProps)(App); роутер перестает работать что я делаю не так?

Вообще имхо надо провайдер и роутер делать на самом верху приложения

imageValidation = event => { console.log(event.target.files[0]) this.setState({ selectedFile: event.target.files[0] }) console.log(this.state.selectedFile) }вот первый лог выводит мой файл загруженный, а 2ой выводит Null(дефолтное значение стейта) почему так?

потому что setState асинхронный

блин, запросы асинхронные, сетстейт тоже, как за этим всем следить

делай консоль лог в рендере

или в каллбеке

рендера не будет, пока сетстейт не выполнится?

будет

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

спасибо, я просто проверку добавил, что стейт не пустой еще и потом выводить буду) а еще вопрос - превью загруженной картинки основывается на загрузки картинки этой на сторонний сервис и последующий вывод или есть другие техники

@itsjohncena ну и зачем удалять сообщения, если это действительно будет работать?

imageValidation = event => { console.log(event.target.files[0]) this.setState({ selectedFile: event.target.files[0] }) console.log(this.state.selectedFile) }вот первый лог выводит мой файл загруженный, а 2ой выводит Null(дефолтное значение стейта) почему так?

this.setState({ selectedFile: event.target.files[0] }, () => { console.log(this.state.selectedFile) })

@itsjohncena объясни, почему ты удаляешь сообщения?

ребят, есть вот такой json ответ

и такой код

как мне обратиться к logo из json и вывести в li его id, url

person.logo.id не?

Не, не получается

Ошибка: cannot read property id of null

<ul> persons.map(person => ( <li> {person.logo.id} и т.д.

Ошибка: cannot read property id of null

.

Если просто пропишу person.logo

Вот что выдаёт

ERROR: S client not available

Сцка, вижу же телеграм установлен

Ты уверен, что во время рендера у тебя в this.state.persons лежат данные?

Ага

привет работяги! Никто не может подсказать статейку о том как правильно организовывать архитектуру реакт приложения. Мне лично нравится такой вид: https://gist.github.com/Aziaev/3fa6589b0ac76ae948b052721d33d7ce Но хочется посмотреть что другие делают. Статей интересных мало

https://github.com/zhDmitry/react-guide

первый и второй гайд

смотри что больше нравится

Использую реакт-роутер4, всё делаю по туториалам, но почему-то при изменении роута, компоненты не перерендериваются, в чем может быть дело?

Использую реакт-роутер4, всё делаю по туториалам, но почему-то при изменении роута, компоненты не перерендериваются, в чем может быть дело?

connect?

В рендере стейт логни

connect?

возможно, сейчас проверю

В рендере стейт логни

Это и есть лог в рендере

Я вижу только в дидмаунт

Сколько читаю у всех проблемы с реакт роутером. Не проще отказаться от него и взять другой роутер, если вы не понимаете как он работает даже через документацию и примеры?

55 строчка

тут тоже 55

WillMount попробуй когда запрашиваешь данные с сервера

connect?

сделал withRouter(connect()(component)) - не помогло = (

Сколько читаю у всех проблемы с реакт роутером. Не проще отказаться от него и взять другой роутер, если вы не понимаете как он работает даже через документацию и примеры?

надо ж разобраться

надо ж разобраться

У людей и это не получается, раз в чат пишут