Size: a a a

React — русскоговорящее сообщество

2020 August 22

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
источник

ВП

Василий Подоплелов... in React — русскоговорящее сообщество
приветствую. Подскажите пжл. В реакте стили для адаптива пишем также как и просто при верстке, через медиа?
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
Василий Подоплелов
приветствую. Подскажите пжл. В реакте стили для адаптива пишем также как и просто при верстке, через медиа?
Хочешь - средствами css и media запросов решай вопрос, хочешь - js выясняй тип девайса и используй соответствующие элементы/верстку/стили
источник

ВП

Василий Подоплелов... in React — русскоговорящее сообщество
Victor Rusakovich
Хочешь - средствами css и media запросов решай вопрос, хочешь - js выясняй тип девайса и используй соответствующие элементы/верстку/стили
Тоесть цсс в целом это нормальная практика?
источник

Т

Тревожная куколка... in React — русскоговорящее сообщество
Более чем
источник

ВП

Василий Подоплелов... in React — русскоговорящее сообщество
спасибо
источник

Т

Тариел in React — русскоговорящее сообщество
ребят помогите пожалейста
Failed to compile
./src/components/Dialogs/DialogsContainer.jsx
 Line 10:9:   'dialogsPage' is not defined           no-undef
 Line 15:12:  'updateNewMessageBody' is not defined  no-undef
 Line 18:9:   'sendMessage' is not defined           no-undef

Search for the keywords to learn more about each error.
This error occurred during the build time and cannot be dismissed.
я не понимаю в чем проблема
import React from 'react';
import { updateNewMessageBodyCreator, sendMessageCreator } from '../../redux/dialogs-reduser';
import Dialogs from './Dialogs';

import { connect } from 'react-redux';


let mapStateToProps = (state) => {
   return (
       dialogsPage: state.dialogsPage
   )
}
let mapDiaspachToProps = (dispatch) => {
   return   (
          updateNewMessageBody= () => {
               dispatch(sendMessageCreator());
       },
       sendMessage= (body) =>
       {
           dispatch(updateNewMessageBodyCreator(body));
       }
   )
}

const DialogsContainer = connect(mapStateToProps, mapDiaspachToProps)(Dialogs);

export default DialogsContainer;
вот код
источник

JD

John Doe in React — русскоговорящее сообщество
Тариел
ребят помогите пожалейста
Failed to compile
./src/components/Dialogs/DialogsContainer.jsx
 Line 10:9:   'dialogsPage' is not defined           no-undef
 Line 15:12:  'updateNewMessageBody' is not defined  no-undef
 Line 18:9:   'sendMessage' is not defined           no-undef

Search for the keywords to learn more about each error.
This error occurred during the build time and cannot be dismissed.
я не понимаю в чем проблема
import React from 'react';
import { updateNewMessageBodyCreator, sendMessageCreator } from '../../redux/dialogs-reduser';
import Dialogs from './Dialogs';

import { connect } from 'react-redux';


let mapStateToProps = (state) => {
   return (
       dialogsPage: state.dialogsPage
   )
}
let mapDiaspachToProps = (dispatch) => {
   return   (
          updateNewMessageBody= () => {
               dispatch(sendMessageCreator());
       },
       sendMessage= (body) =>
       {
           dispatch(updateNewMessageBodyCreator(body));
       }
   )
}

const DialogsContainer = connect(mapStateToProps, mapDiaspachToProps)(Dialogs);

export default DialogsContainer;
вот код
там же написано что переменная не определена
источник

GO

Green Orange in React — русскоговорящее сообщество
привет. У меня проблемы с react-router-dom.
У меня есть MainRouter, в нем Switch:
<Switch>
 ...
 <Route path="/:username" component={User} />
 ...
</Switch>
И в компоненте User хочу сделать еще один свитч, чтобы переключаться между
"/:username", "/:username/settings", "/:username/info"
но не получается путь
"/:username"
вставить в Свитч (не работает)
Возможно ли так сделать?

И еще, перестают работать другие пути -
"/post/:postId", "/:username/post/:postId"
и тд
источник

VH

Vitaly Hantarenka in React — русскоговорящее сообщество
Green Orange
привет. У меня проблемы с react-router-dom.
У меня есть MainRouter, в нем Switch:
<Switch>
 ...
 <Route path="/:username" component={User} />
 ...
</Switch>
И в компоненте User хочу сделать еще один свитч, чтобы переключаться между
"/:username", "/:username/settings", "/:username/info"
но не получается путь
"/:username"
вставить в Свитч (не работает)
Возможно ли так сделать?

И еще, перестают работать другие пути -
"/post/:postId", "/:username/post/:postId"
и тд
Посмотрите в примерах react router. Там вроде было что-то похожее
источник

A

Arman in React — русскоговорящее сообщество
Василий Подоплелов
Тоесть цсс в целом это нормальная практика?
Да конечно.
источник

Т

Тариел in React — русскоговорящее сообщество
John Doe
там же написано что переменная не определена
спасибо большое
источник

АК

Алексей Костюхин... in React — русскоговорящее сообщество
Всем привет, такой вопрос
Есть таблица и компонент tablelistbody

Лучше tablelistbody вынести в отдельную папку ? Или же создать ещё один js файл и туда вынести tablelistbody

Или же все в одном файле table.js?
источник

JD

John Doe in React — русскоговорящее сообщество
Алексей Костюхин
Всем привет, такой вопрос
Есть таблица и компонент tablelistbody

Лучше tablelistbody вынести в отдельную папку ? Или же создать ещё один js файл и туда вынести tablelistbody

Или же все в одном файле table.js?
лучше разбить по отдельным файлам
источник

Т

Тариел in React — русскоговорящее сообщество
если у кого-то ошибка такая же то посмотрите скобки,  я еле нашел там должны стоять {} вместо () после ретурн
а за советы спрасибо
источник

ДМ

Дмитрий Мачихелян... in React — русскоговорящее сообщество
state.founders.founders.find(item => item.founderId === id) - где я допустил ошибку в этой строке?)
источник

NB

Not Dan, But... in React — русскоговорящее сообщество
Дмитрий Мачихелян
state.founders.founders.find(item => item.founderId === id) - где я допустил ошибку в этой строке?)
Не всегда первая строчка в стектрейсе содержит действительную причину ошибки. Иногда помогает пойти дальше по трейсу или же просто внимательно проверить тот блок кода, где исполняется эта строчка.
Вангую, что есть item, у которого нет founderId
источник

ДМ

Дмитрий Мачихелян... in React — русскоговорящее сообщество
Not Dan, But...
Не всегда первая строчка в стектрейсе содержит действительную причину ошибки. Иногда помогает пойти дальше по трейсу или же просто внимательно проверить тот блок кода, где исполняется эта строчка.
Вангую, что есть item, у которого нет founderId
Ну он мне не выдает нужный итем, поэтому и ошибка дальше идет, что у undefined нельзя взять значение.
обращаюсь вроде нормально к стэйту, ид верный, у всех итемов есть founderid
источник

ДМ

Дмитрий Мачихелян... in React — русскоговорящее сообщество
источник

NB

Not Dan, But... in React — русскоговорящее сообщество
Дмитрий Мачихелян
Ну он мне не выдает нужный итем, поэтому и ошибка дальше идет, что у undefined нельзя взять значение.
обращаюсь вроде нормально к стэйту, ид верный, у всех итемов есть founderid
случаем id это не строка? если так, то ’39’ !== 39
источник