Не понятно что вы хотите вывести в итоге ? Названия ключей?
Я и ключи и их значение могу вывести, я не могу объявить итерацию Object.keys(a).map((item, index) => (
return ( <li key={key}>тут мои значения есть как хочу</li>))}
Но я вот эту конструкцию не хочу внутри html писать, хочу ее вынести в отдельную переменную и вставить как переменную.
Volodymyr
Andrew
Кто может подсказать хороший валидатор инпутов под Formik ?
а то Yup не зашел
Volodymyr
Все всем, спасибо, кажись понял как надо. Извините что отвлёк.
Тимофей 🛴
Я и ключи и их значение могу вывести, я не могу объявить итерацию Object.keys(a).map((item, index) => (
return ( <li key={key}>тут мои значения есть как хочу</li>))}
Но я вот эту конструкцию не хочу внутри html писать, хочу ее вынести в отдельную переменную и вставить как переменную.
const element = Object.....
Потом в рендере где угодно {element}
Volodymyr
const element = Object.....
Потом в рендере где угодно {element}
Ну то я наверное что то перепутал, сорян )) да
🦜
Бля, пацаны, у кого такая хуйня, что девтулзы реакта сбрасывают настройки?
Заебало уже блять. Сука. Как это нахуй фиксить
Andrew
Бля, пацаны, у кого такая хуйня, что девтулзы реакта сбрасывают настройки?
Заебало уже блять. Сука. Как это нахуй фиксить
шутка про выкинуть комп с окна актуальна еще?
Gennadii
Ребят всем привет, подскажите ресурс/Книги/видио где можно почерпать знаний по структурированию, паттернам и архитектуре приложений.
Свидетель
🦁
Где можно почитать про реализацию прелоадера? В тырнетах не получается ничего адекватного найти
Alex
Где можно почитать про реализацию прелоадера? В тырнетах не получается ничего адекватного найти
а что нужно прелоадить?
🦁
данные с сервера, изображения, видео..
Oleg
Бля, пацаны, у кого такая хуйня, что девтулзы реакта сбрасывают настройки?
Заебало уже блять. Сука. Как это нахуй фиксить
А что там конкретно? Вроде всё ок.
Alex
данные с сервера, изображения, видео..
имеется ввиду lazy-load или что? или просто крутилку показывать, пока идет запрос данных?
i
https://react.i18next.com/latest/migrating-v9-to-v10 всем привет, а как можно вставить перевод слова в placeholder обычного инпута? компонент ведь не получитс, а если брать обычный объект i18n то он не реагирует на смену языка ведь компонент где он юзается не перерендиривается
🦁
имеется ввиду lazy-load или что? или просто крутилку показывать, пока идет запрос данных?
крутилку пока данные получаю. Чтобы весь рендер прогрузился и только потом показывать его пользователю
Oleg
крутилку пока данные получаю. Чтобы весь рендер прогрузился и только потом показывать его пользователю
componentDidMount, useEffect с пустыми депсами.
Alex
крутилку пока данные получаю. Чтобы весь рендер прогрузился и только потом показывать его пользователю
ну так это в рендере делается, пока данные "встали" на загрузку, показываем крутилку, пришли - показываем данные
Oleg
Фига вилка...
倫太郎
@Atassis
🦁
ну так это в рендере делается, пока данные "встали" на загрузку, показываем крутилку, пришли - показываем данные
понял, буду пробовать. Всем спасибо
Alex
понял, буду пробовать. Всем спасибо
https://www.basefactor.com/react-how-to-display-a-loading-indicator-on-fetch-calls
wolfe
в эффекторе можно из коробки получить состояние фетча через apiCall.pending
🦁
Блин, а вот такой вопрос. У меня на фоне страницы проигрывается видео. В бд хранятся только названия файлов. Ну а сами файлы в памяти сервера. Так вот, я в didmount, отправляю запрос на сервер, получаю данные среди которых есть название нужного мне файла, далее через setInterval записываю в стейт раз в n-ое время название видео и уже в рендере в src видео напрямую пишу url на него, в моём случае это " '/' + this.state.preview ". Таким образом оно сменяет фон и данные раз в n-ое время, как слайды что-ли. Как мне в этом случае добиться прелоада нынешнего и всех последующих видео? Алгоритм такой: пользователь заходит на сайт, видит прелоад скрин с крутилкой, а после прелоада, все видео, которые будут переключатся, в моём случае раз в 10 секунд, уже загружены. Как я понимаю мне нужно заранее отправлять эти get запросы, вместо того, чтобы писать их напрямую в src видео, но я не могу понять как это правильно сделать. Есть мысль в didMount формировать массив уже с готовыми блоками с видео и в setInterval их просто перебирать, но пока не понимаю, как это правильно реализовать.
i
Alex
Блин, а вот такой вопрос. У меня на фоне страницы проигрывается видео. В бд хранятся только названия файлов. Ну а сами файлы в памяти сервера. Так вот, я в didmount, отправляю запрос на сервер, получаю данные среди которых есть название нужного мне файла, далее через setInterval записываю в стейт раз в n-ое время название видео и уже в рендере в src видео напрямую пишу url на него, в моём случае это " '/' + this.state.preview ". Таким образом оно сменяет фон и данные раз в n-ое время, как слайды что-ли. Как мне в этом случае добиться прелоада нынешнего и всех последующих видео? Алгоритм такой: пользователь заходит на сайт, видит прелоад скрин с крутилкой, а после прелоада, все видео, которые будут переключатся, в моём случае раз в 10 секунд, уже загружены. Как я понимаю мне нужно заранее отправлять эти get запросы, вместо того, чтобы писать их напрямую в src видео, но я не могу понять как это правильно сделать. Есть мысль в didMount формировать массив уже с готовыми блоками с видео и в setInterval их просто перебирать, но пока не понимаю, как это правильно реализовать.
ну по идее нужно сделать прелоад всех видео по очереди
https://stackoverflow.com/questions/9616236/html5-video-full-preload-in-javascript
i
подскажите плзх как в i18next таки сделать что бы объект i18next.t() реагировал в компоненте на смену языка, просто мне надо в placheolder инпутов пробрасыавать перевод, а при смене языка послереднер не срабатывает
i
или может подскажите способ обновить ввсе активные компоненты при смене языка, то бишь активировать увсех их рендер при смене языка
Dmitriy
@popuguy кент подъехал😎
Nazar
Здрасьте, пытаюсь добавить стили в файл, выбивает вот такую ошибку, инфы канеш мало даю(не знаю что именно поможет ),
но вот примерно так добавляю
import React, { Component, Fragment } from "react";
import { Link } from "react-router-dom";
import { connect } from "react-redux";
import PropTypes from "prop-types";
import { logout } from "../../actions/auth";
import "./mystyle.css";
export class Header extends Component {
render() {
......
И такая вот ошибка в бабеле:
ERROR in ./razomsite/frontend/src/components/layout/mystyle.css 2:7
Module parse failed: Unexpected token (2:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
> header {
| width: 100%;
| flex: 1;
@ ./razomsite/frontend/src/components/layout/Header.js 24:0-23
@ ./razomsite/frontend/src/components/App.js
@ ./razomsite/frontend/src/index.js
Nazar
в инете мало что помогло, точнее понимаю что проблема с вэбпаком, но не нашел идентичной ситуации
Nazar
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
]
}
}
Вот вебпак, я прост охз что с ним менять нужно
Vadim
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
]
}
}
Вот вебпак, я прост охз что с ним менять нужно
https://webpack.js.org/loaders/css-loader/ вот тут расписано, попробуй
Phantom
module.exports = {
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
]
}
}
Вот вебпак, я прост охз что с ним менять нужно
You may need an appropriate loader to handle this file type
Phantom
Nazar
спасибо
Phantom
you re welcome
S
@XaveScor
Oleg
!спам
Google
Привет
Google
arts
KillEmAll
Объясните пожалуйста, зачем в combineReducers добавляется функция connectRouter(history)? Это дает редюсерам доступ к объекту history? Или ко всему роутеру?
Maxim
Ivan
Объясните пожалуйста, зачем в combineReducers добавляется функция connectRouter(history)? Это дает редюсерам доступ к объекту history? Или ко всему роутеру?
У тебя в сторе появляется состояние роутера. Отсюда можно работать с роутером так, будто он — часть стора (на самом деле так и есть) — делать селект текущего состояния, диспатчить экшены для управления роутером.
KillEmAll
Ivan
Понял, благодарю.
Посмотри, что ещё экспортирует библиотека, из которой берётся connectRouter — там много интересных экшенов
KillEmAll
Connected-react-router? Да, думаю нужно основательно ее документацию почитать
Michail
Вопрос: выполняется ли тело js файла при перерендере?
Vitalii
Anonymous
Народ, привет. Нужна ваша помочь. Надо в кратчайшие сроки ознакомиться с Unit тестированием реакт компонентов. Jest/Enzyme Может кто подскажет какие материалы на русском? Желательно видеокурс
Тимофей 🛴
Народ, привет. Нужна ваша помочь. Надо в кратчайшие сроки ознакомиться с Unit тестированием реакт компонентов. Jest/Enzyme Может кто подскажет какие материалы на русском? Желательно видеокурс
Я думаю на русском не найдешь ничего. Enzyme обязательно? react testing library сейчас предпочтительнее
Александр
Anonymous
🦁
Всем привет, так и не разобрался со вчерашней проблемой. Я заполняю массив элементами <video src = '/path' /> в didmount и мне нужно их загрузить в прелоадере, я вешаю на компонент Suspens и соотв. инициализирую его через lazy. Но подгружается только первый элемент из массива (я их в том же didmount перебираю раз в 10 секунд через setInterval). Так вот вопрос, как мне сделать так, чтобы вместе с компонентом во время экрана загрузки подгружались все <video> с этого массива. Может надо делать что-то иначе? Я не могу понять как это реализовать.
🦁
Ну мне нужно раз в 10 секунд менять данные на странице, каким способом ещё можно это делать?
Demetrio
Ну мне нужно раз в 10 секунд менять данные на странице, каким способом ещё можно это делать?
Сначала загрузить полностью, а уже потом накручивать setinterval
🦁
ну в этом и вопрос, как?)
Demetrio
Покажи свой didmount
🦁
🦁
ну 2 setstate подряд это случайно
Vladimir
Demetrio
🦁
Спасибо, сейчас попробую
Vladimir
информативно, мог и не пинговать....
2 проблемы:
setState асинхронный, поэтому второй вызов не будет иметь videoblocks в this.state. Перепиши setState на коллбэки и не делай несколько вызовов подряд.
2. Ты кладешь в стейт то, что вычисляется на основе того, что там уже есть. Переделай лучше на геттеры
Dmitriy
🦁
ну первую я сразу пофиксил после того как скрин сделал). А вот какой вопрос ещё, нормально будет если я буду вместо массива напрямую пушить в стейт? Например, this.state.videoBlocks.push(...) или так лучше не делать?
Alex
ну первую я сразу пофиксил после того как скрин сделал). А вот какой вопрос ещё, нормально будет если я буду вместо массива напрямую пушить в стейт? Например, this.state.videoBlocks.push(...) или так лучше не делать?
так вообще нельзя делать (напрямую работать со стейтом)
нужно всегда использовать setState