Size: a a a

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

2021 March 04

AG

And Grigoryan in React — русскоговорящее сообщество
Тоесть обычный js нельзя юзать в нем
источник

AG

And Grigoryan in React — русскоговорящее сообщество
Понял, принял
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
And Grigoryan
Тоесть обычный js нельзя юзать в нем
Можно
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Короче, разницы нет в работе
источник

ЕБ

Евгений Баранников... in React — русскоговорящее сообщество
And Grigoryan
Какая разница между .js и .jsx?
источник

AM

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

Н

Николай in React — русскоговорящее сообщество
And Grigoryan
Какая разница между .js и .jsx?
Разница будет если ты будешь юзать тайпскрипт. Тайпскрипт не даст тебе вернуть jsx или компонент в файле .ts
источник

Н

Николай in React — русскоговорящее сообщество
А в файле .tsx все будет норм
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
Господа, добрый день

Вопрос пользователям react-query: можно ли отловить вызов refetch или повесить на него коллбек?
источник
2021 March 05

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
всем привет. подскажите как с помощью useState сделать такой объект
{
     id: 169,
     firstName: 'Stuart',
     lastName: 'Ramsey',
     email: 'TMeng@sit.net',
     phone: '(677)376-4827',
     address: {
       streetAddress: '2658 Orci Dr',
       city: 'Barrington',
       state: 'ME',
       zip: '40895'
     },
     description: 'eros fringilla convallis dolor fringilla magna at pharetra tortor nec orci vestibulum aenean curabitur magna mattis ante amet aenean massa sed scelerisque tincidunt molestie turpis turpis dolor adipiscing et molestie tortor sed'
   }
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
Sergey Bekharsky
Господа, добрый день

Вопрос пользователям react-query: можно ли отловить вызов refetch или повесить на него коллбек?
вопрос снят, это же промис
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Николаев
всем привет. подскажите как с помощью useState сделать такой объект
{
     id: 169,
     firstName: 'Stuart',
     lastName: 'Ramsey',
     email: 'TMeng@sit.net',
     phone: '(677)376-4827',
     address: {
       streetAddress: '2658 Orci Dr',
       city: 'Barrington',
       state: 'ME',
       zip: '40895'
     },
     description: 'eros fringilla convallis dolor fringilla magna at pharetra tortor nec orci vestibulum aenean curabitur magna mattis ante amet aenean massa sed scelerisque tincidunt molestie turpis turpis dolor adipiscing et molestie tortor sed'
   }
Просто запихни этот обект в юзСтейт
источник

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
Maxim Koylo
Просто запихни этот обект в юзСтейт
суть какая. у меня есть форма с инпутами. при заполнении этой формы должен сформироваться такой объект.
источник

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
Maxim Koylo
Просто запихни этот обект в юзСтейт
изначально объект пустой
источник

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
обработчик для инпутов я написал. не пойму как правильно заспредить объект
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Николаев
изначально объект пустой
setState(prevState => ({...prevState, key: value}))
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Ключ у тебя будет динапическим неймом с таргета инпутов
источник

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
Maxim Koylo
setState(prevState => ({...prevState, key: value}))
это я понял, загвоздка с полем address. это тоже объект получается
источник

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
Maxim Koylo
setState(prevState => ({...prevState, key: value}))
const [newObject, setNewObject] = useState({});

 const handleInputChange = (target) => {
   const { name, value } = target;
   setNewObject(() => {
     if (name === "streetAddress") {
       return { ...newObject, address: { [name]: value } };
     } else {
       return { ...newObject, [name]: value };
     }
   });
 };
источник

MK

Maxim Koylo in React — русскоговорящее сообщество
Дмитрий Николаев
это я понял, загвоздка с полем address. это тоже объект получается
Ну обычно составляют плоский обьект, а когда нужно отправить его на бек то уже приводят к нужному виду
источник