Size: a a a

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

2020 October 28

RZ

Roman Zhukov in React — русскоговорящее сообщество
Abdulgafur Bersugir
кажется это не лучшая идея
может быть, поэтому и советуюсь с более опытными коллегами
источник

a

arts in React — русскоговорящее сообщество
Roman Zhukov
Может кто-то подскажет. Использую компоненты из материал юа. Создаю стиль через их  makeStyles(), который принимает в себя сам стиль. Как по мне компонент со стилевым кодом внутри выглядит не очень. Можно ли как-то в makeStyles() передать класс из стилевого файла? или это какой-то костыль? Код бы выглядел как по мне получше. Мои попытки не увенчались успехом.
Муи же вроде можно со styled components юзать
источник

АЧ

Антон Чепур... in React — русскоговорящее сообщество
как в Axios отправить post-запорс, передав в него и данные и авторизационный токен?
источник

D

Denis in React — русскоговорящее сообщество
Антон Чепур
как в Axios отправить post-запорс, передав в него и данные и авторизационный токен?
Токен укажите в заголовке запроса, остальное в body
источник

0

01 in React — русскоговорящее сообщество
Roman Zhukov
Может кто-то подскажет. Использую компоненты из материал юа. Создаю стиль через их  makeStyles(), который принимает в себя сам стиль. Как по мне компонент со стилевым кодом внутри выглядит не очень. Можно ли как-то в makeStyles() передать класс из стилевого файла? или это какой-то костыль? Код бы выглядел как по мне получше. Мои попытки не увенчались успехом.
В mui не обязательно использовать css-in-js, в доках есть инфа о стилизации.
источник

RZ

Roman Zhukov in React — русскоговорящее сообщество
01
В mui не обязательно использовать css-in-js, в доках есть инфа о стилизации.
Видимо я пока не разобрался, буду читать
источник

А

Александр in React — русскоговорящее сообщество
Там всё просто, classes={{root:yourcssclass}}
источник

А

Александр in React — русскоговорящее сообщество
Смотри api компонент
источник

RZ

Roman Zhukov in React — русскоговорящее сообщество
Ок, спс
источник

S

Sasha M in React — русскоговорящее сообщество
Может кто подскажет. Когда выбираю тип, и нажимаю кнопку отправить отправить запрос, все падает. Как сделать так чтобы не запускался весь процесс, а еще ждало, пока будет введено само число?
источник

S

Sasha M in React — русскоговорящее сообщество
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Sasha M
Может кто подскажет. Когда выбираю тип, и нажимаю кнопку отправить отправить запрос, все падает. Как сделать так чтобы не запускался весь процесс, а еще ждало, пока будет введено само число?
блокировать кнопку до заполнения всех значений, либо прикручивать валидатор, который запустится на сабмите
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
который скажет где какая ошибка и подчеркнет что надо
источник

S

Sasha M in React — русскоговорящее сообщество
Bugs Bunny
блокировать кнопку до заполнения всех значений, либо прикручивать валидатор, который запустится на сабмите
Примерно понял что гуглить. Спасибо!)
источник

FT

Fedor T in React — русскоговорящее сообщество
Подскажите, пжл, как использовать хуки реакт в компонентах для npm?
Ставлю npm-пакет c компонентом, даёт ошибку
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
1. версии реакта совпадают (16.13.1)
2. Использую хук внутри функции
const MyComponent = ({ status }) => {
 const processing = useMemo(() => {
   const res = ["new", "pending"].includes(status) ? 'processing' : 'stopped';
   return res;
 }, [status]);

 return <h1>Hello from My Component: {processing}</h1>;
};
транспилированный вариант:

var MyComponent = function MyComponent(_ref) {
 var status = _ref.status;

 var processing = (0, _react.useMemo)(function () {
   var res = ["new", "pending"].includes(status) ? 'processing' : 'stopped';
   return res;
 }, [status]);

 return _react2.default.createElement(
   "h1",
   null,
   "Hello from My Component: ",
   processing
 );
};
3. я добавляю react в peerDependencies, в транспилированном скрипте выглядит так:
var _react = require("react");

var _react2 = _interopRequireDefault(_react);
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Fedor T
Подскажите, пжл, как использовать хуки реакт в компонентах для npm?
Ставлю npm-пакет c компонентом, даёт ошибку
Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.
1. версии реакта совпадают (16.13.1)
2. Использую хук внутри функции
const MyComponent = ({ status }) => {
 const processing = useMemo(() => {
   const res = ["new", "pending"].includes(status) ? 'processing' : 'stopped';
   return res;
 }, [status]);

 return <h1>Hello from My Component: {processing}</h1>;
};
транспилированный вариант:

var MyComponent = function MyComponent(_ref) {
 var status = _ref.status;

 var processing = (0, _react.useMemo)(function () {
   var res = ["new", "pending"].includes(status) ? 'processing' : 'stopped';
   return res;
 }, [status]);

 return _react2.default.createElement(
   "h1",
   null,
   "Hello from My Component: ",
   processing
 );
};
3. я добавляю react в peerDependencies, в транспилированном скрипте выглядит так:
var _react = require("react");

var _react2 = _interopRequireDefault(_react);
Такое бывает когда у тебя 2 версии реакта в бандле
источник

FT

Fedor T in React — русскоговорящее сообщество
Тимофей 🛴
Такое бывает когда у тебя 2 версии реакта в бандле
могу отправить бандл. В упор не вижу этого
источник

FT

Fedor T in React — русскоговорящее сообщество
у него всего 32 строчки, реакта там нет
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Fedor T
могу отправить бандл. В упор не вижу этого
Посмотри в node_modules этого пакета, там точно нет еще реакта?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Fedor T
у него всего 32 строчки, реакта там нет
У тебя не монопепа?
источник