Size: a a a

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

2020 August 21

И

Иван in React — русскоговорящее сообщество
Игорь Завирюха
привет. Никто не знает, или может уже делал подобное, как мне в TypeScript правильно описать типы для React компонента, чтобы, к примеру, я передаю пропсами isEditable={owner} и в зависимости от owner мне предлагало передать еще нужные пропсы. Если owner = true, то надо передать еще несколько пропсов, если false, то дополнительные пропсы не нужны
это тебе в чат по typescript, с реактом вопрос связан слабенько
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
можно ссылку?
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
если есть
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
выбирай любой)
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
заходи во второй и оттуда в первый:D
источник

OP

Oleg Pavlov in React — русскоговорящее сообщество
Всем здравия!
Кто ломал голову в поисках досуга на выходные, тем во спасение свыше был послан я :)
Мы в нашей команде (преимущественно ростовской – потому если есть кто из Ростова, можем и в гости позвать) проводим конкурс по написанию react компонентов.
До 28 августа ещё можно вписаться и поучаствовать.
С одобрения администрации публикую ссылку:  https://quarkly.io/contest-ru

Условия прозрачные, жюри неаффилированное, за победу в каждой номинации по $100 + бонусы.

С радостью отвечу на вопросы!)
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
Ребят, у меня тут проблема. Не могу передать тупо данные родительскому компоненту. Я вообще хз, что делать. Гуглил два дня.

Я получаю в родительском компоненте, в функции массив. Но в state не сохраняется. Пишет undefined. Читал, что это из-за асинхронности.

Я получаю массив, сохраняю в state, передаю дочернему компоненту. В дочернем выводит тот же массив, те же ключи, только данные в них undefined. В чём может быть дело?
источник

AE

Alexey Ermakov in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Ребят, у меня тут проблема. Не могу передать тупо данные родительскому компоненту. Я вообще хз, что делать. Гуглил два дня.

Я получаю в родительском компоненте, в функции массив. Но в state не сохраняется. Пишет undefined. Читал, что это из-за асинхронности.

Я получаю массив, сохраняю в state, передаю дочернему компоненту. В дочернем выводит тот же массив, те же ключи, только данные в них undefined. В чём может быть дело?
зачем ты в стейт сохраняешь?
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in React — русскоговорящее сообщество
Alexey Ermakov
зачем ты в стейт сохраняешь?
Как нужно?
источник

И

Иван in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Как нужно?
Код показать
источник

Ш

Шепс in React — русскоговорящее сообщество
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Ребят, у меня тут проблема. Не могу передать тупо данные родительскому компоненту. Я вообще хз, что делать. Гуглил два дня.

Я получаю в родительском компоненте, в функции массив. Но в state не сохраняется. Пишет undefined. Читал, что это из-за асинхронности.

Я получаю массив, сохраняю в state, передаю дочернему компоненту. В дочернем выводит тот же массив, те же ключи, только данные в них undefined. В чём может быть дело?
Надо на конкретный кейс смотреть, 100% дело в твоем коде
источник

KV

Karpov Vladimir in React — русскоговорящее сообщество
Ребята, всем привет. Начал осваивать Реакт, расширяю свой стек. До этого было 4 года опыта с Ангулар 2+.
источник

ES

Eugene Sternin in React — русскоговорящее сообщество
Karpov Vladimir
Ребята, всем привет. Начал осваивать Реакт, расширяю свой стек. До этого было 4 года опыта с Ангулар 2+.
Круто, молодец
источник

AS

Alex S in React — русскоговорящее сообщество
Karpov Vladimir
Ребята, всем привет. Начал осваивать Реакт, расширяю свой стек. До этого было 4 года опыта с Ангулар 2+.
Красавец, успехов
источник

DC

Dan Chegreyev in React — русскоговорящее сообщество
Всем привет , помогите пожалуйста перевести cUrl запрос в axios

$ch = curl_init();
curl_setopt(
   $ch,
   CURLOPT_URL,
   'https://fenomen.s20.online/api/1/lead/create?token=token'
);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query([
   'name'      => 'Иван Иванов',
   'phone'     => '+79133788567',
   'email'     => 'ivan.ivanov@mail.ru',
   'skype'     => 'ivan.ivanov',
   'source'    => 'utm-source-sample',
   'note'      => 'Sample note',
]));
curl_exec($ch);
curl_close($ch);
источник

KV

Karpov Vladimir in React — русскоговорящее сообщество
У меня возник вопрос:
на сколько я понял, можно писать компоненты исходя из ООПшного подхода - с помощью классов.
Но с добавлением хуков - best practise - функциональный подход. В функциональном нашел 2 варианта( думаю их больше )) ), какой из них предпачтительнее будет юзать с typescript и типизацией?

// Written as a function declaration
function Heading(): React.ReactNode {
 return <h1>My Website Heading</h1>
}

// Written as a function expression
const OtherHeading: React.FC = () => <h1>My Website Heading</h1>
источник

KV

Karpov Vladimir in React — русскоговорящее сообщество
Мне визуально нравится второй вариант, но я наткнулся на это
https://github.com/facebook/create-react-app/pull/8177
источник

К

Карамультук... in React — русскоговорящее сообщество
Karpov Vladimir
У меня возник вопрос:
на сколько я понял, можно писать компоненты исходя из ООПшного подхода - с помощью классов.
Но с добавлением хуков - best practise - функциональный подход. В функциональном нашел 2 варианта( думаю их больше )) ), какой из них предпачтительнее будет юзать с typescript и типизацией?

// Written as a function declaration
function Heading(): React.ReactNode {
 return <h1>My Website Heading</h1>
}

// Written as a function expression
const OtherHeading: React.FC = () => <h1>My Website Heading</h1>
нет точного ответа. И так и так можно. Модно - второй вариант. У нас весь проект так написан
источник

KV

Karpov Vladimir in React — русскоговорящее сообщество
Мне с первых же минут бросилось в глаза разница с Ангуларом: где ты пишешь только одним правильным путем. А в Реакте тебе дают выбор, как писать : )))
источник

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