Size: a a a

React: русскоязычное сообщество

2020 March 13

🌴S

🌴 🌴 🌴 Vlad Segeda 🌴 🌴 🌴 in React: русскоязычное сообщество
Ребят, всем привет. у меня странная фигня происходит... в роуте указан адрес нормальный
  <Route exact path='/create-organization' component={CreateOrganization}/>

но в браузере отображается с большими буквами: http://localhost:3000/Create-Organization

кто-то сталкивался с подобным?
источник

v

vasya in React: русскоязычное сообщество
В строке браузера отображается то, что в линке указано
источник
2020 March 14

T

The Fallen Phoenix in React: русскоязычное сообщество
🌴 🌴 🌴 Vlad Segeda 🌴 🌴 🌴
Ребят, всем привет. у меня странная фигня происходит... в роуте указан адрес нормальный
  <Route exact path='/create-organization' component={CreateOrganization}/>

но в браузере отображается с большими буквами: http://localhost:3000/Create-Organization

кто-то сталкивался с подобным?
Читать про prop "sensitive" на Route.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
По умолчанию он false
источник

ЕЧ

Евгений Четвергов in React: русскоязычное сообщество
Здравствуйте, в другой группе что-то не отвечают. Не могу понять как отобразить например переменную document.__article в данном файле с помощью react. Думаю что искушенные программисты ведают...

<!DOCTYPE html>
<html>
<head>
 <title>App</title>
</head>
<body>
<script type="text/javascript">

document.__article = {
 author: 'Eliana Franco',
 date: '2017-09-10T22:00:05.919Z',
 text: Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.,
};

document.__comments = [
 { id: 1, author: 'Germán Toro', text: 'Great!', date: '2017-09-11T12:00:39.430Z' },
 { id: 2, author: 'Elena Builes', text: 'Awesome!', date: '2017-09-11T12:30:39.430Z' },
];

document.__moreComments = [
 { id: 3, author: 'Germán Toro', text: 'Splendid!', date: '2017-09-11T14:30:05.919Z' },
 { id: 4, author: 'Elena Builes', text: 'Excelent!', date: '2017-09-11T11:30:05.919Z' },
];

</script>

<div id="APP"></div>
 

</body>
</html>
источник

ЕЧ

Евгений Четвергов in React: русскоязычное сообщество
подключаю реакт непосредственно в html- для начала отрендерить хоть что-то хочется
источник
2020 March 16

EP

Egor Petrov in React: русскоязычное сообщество
Ребзи, посоветуйте норм нативную React карусельку, плиз
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Евгений Четвергов
Здравствуйте, в другой группе что-то не отвечают. Не могу понять как отобразить например переменную document.__article в данном файле с помощью react. Думаю что искушенные программисты ведают...

<!DOCTYPE html>
<html>
<head>
 <title>App</title>
</head>
<body>
<script type="text/javascript">

document.__article = {
 author: 'Eliana Franco',
 date: '2017-09-10T22:00:05.919Z',
 text: Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.,
};

document.__comments = [
 { id: 1, author: 'Germán Toro', text: 'Great!', date: '2017-09-11T12:00:39.430Z' },
 { id: 2, author: 'Elena Builes', text: 'Awesome!', date: '2017-09-11T12:30:39.430Z' },
];

document.__moreComments = [
 { id: 3, author: 'Germán Toro', text: 'Splendid!', date: '2017-09-11T14:30:05.919Z' },
 { id: 4, author: 'Elena Builes', text: 'Excelent!', date: '2017-09-11T11:30:05.919Z' },
];

</script>

<div id="APP"></div>
 

</body>
</html>
Лучше использовать "гидрирование", чем вручную пытаться отобразить что-то до реакта.
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
The Fallen Phoenix
Лучше использовать "гидрирование", чем вручную пытаться отобразить что-то до реакта.
При этом я знаю способ как отобразить несвязанное с основным содержимое, например экран загрузки, вручную до реакта. Но он не подходит для указанного юзкейса. Здесь подходит Server Side Rendering. Изучайте его на офф сайте.
источник

EP

Egor Petrov in React: русскоязычное сообщество
Egor Petrov
Ребзи, посоветуйте норм нативную React карусельку, плиз
не актуально
источник

PK

Petru Konyuk in React: русскоязычное сообщество
Помогите не могу поставить фокус на input при клике на другой элемент в чем омжет быть дело?
источник

BM

Bogdan Moskalenko in React: русскоязычное сообщество
Больше входных данных
источник

d

dron in React: русскоязычное сообщество
Есть такой обычный компонент. Смысл его - проигрывать нужный кадр видео в зависимости отскролла. Но получается так, что как будто реакт не всегда отрендеривает видео в нужный момент
источник

d

dron in React: русскоязычное сообщество
Получается как-то прерывисто и не гладко. В чём может быть проблема?
источник
2020 March 17

ВА

Верди Атибайеба in React: русскоязычное сообщество
Скрол двигается по 200-400 единиц. Не плавно.
источник

ВА

Верди Атибайеба in React: русскоязычное сообщество
Потому рывки.
источник
2020 March 18

BC

Bad Coder in React: русскоязычное сообщество
привет всем.

пытаюсь сделать удаление поста, но видимо неверно сделал запрос...
Помогите пожалуйста поправить, указать на ошибку, буду благодарен)
https://codesandbox.io/embed/competent-cloud-wz22c?fontsize=14&hidenavigation=1&theme=dark
источник

А

Алексей in React: русскоязычное сообщество
Petru Konyuk
Помогите не могу поставить фокус на input при клике на другой элемент в чем омжет быть дело?
попробуй функцию которая ставит фокус обернуть в setTimeoutс с нулевой задержкой. Должно сработать. И еще у того элемента на который ставишь фокус должен быть tabIndex
источник

T

The Fallen Phoenix in React: русскоязычное сообщество
Bad Coder
привет всем.

пытаюсь сделать удаление поста, но видимо неверно сделал запрос...
Помогите пожалуйста поправить, указать на ошибку, буду благодарен)
https://codesandbox.io/embed/competent-cloud-wz22c?fontsize=14&hidenavigation=1&theme=dark
Когда пошла вторая вечность транспилирования модулей (с телефона), я закрыл страницу. Если хочется получить ответ, возможно придётся сформулировать как-то иначе вопрос.
источник

AK

Andrey Kuznetsov in React: русскоязычное сообщество
у него все оккей
источник