Size: a a a

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

2020 July 02

А

Александр in React — русскоговорящее сообщество
Ребзя, а storybook и craco-alias можно подружить?
источник

‍🧞‍♂️ in React — русскоговорящее сообщество
Здравствуйте, у меня есть код который рендерит календарь на год, когда я делаю

tds.push(<td style={day_style}>{day.date()}</td>)

У меня всё отлично работает, когда выношу в компонент

tds.push(<Day day={day} state="weekday"/>)

То у меня day внутри компонента всегда одно и то же число (первый день месяца)

WTF?)
источник

SD

Shato Daltsaev in React — русскоговорящее сообщество
Добрый день! Ребята подскажите, как мне получить полный путь в Route?

ввожу к примеру такой путь http://localhost:3000/professionalnoe-obrazovanie/shkola но он получает, только первую часть /professionalnoe-obrazovanie
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
history
источник

‍🧞‍♂️ in React — русскоговорящее сообщество
tds.push(<Day day={moment(day)} state="weekday"/>)
источник

‍🧞‍♂️ in React — русскоговорящее сообщество
Вот так вот надо
источник

А

Александр in React — русскоговорящее сообщество
Что я делаю не так?
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
Александр
Что я делаю не так?
может тебе сюда @webpack_ru ?
источник

А

Александр in React — русскоговорящее сообщество
Ну такое, 2 плагина для CRA пытаюсь подружить, хотя мб и туда, я хз.
источник

А

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

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
как правильно делается loader для кнопок?
делать для каждой кнопки отдельный стейт в store?
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
const INITIAL_STATE = {
 loadersForBtns: {
   addNews: false,
 },
};


редюсер

    case SET_LOADER_BTNS:
       return {
         ...state,
         loadersForBtns: { ...state.loadersForBtns, ...action.payload },
       };


диспач

dispatch({ type: SET_LOADER_BTNS, payload: { addNews: true } });


кнопка

      <Button
         variant="primary"
         disabled={loadersForBtns.addNews}
         type="submit"
         className="mt-2"
       >
         {loadersForBtns.addNews && (
           <Spinner
             as="span"
             animation="border"
             size="sm"
             role="status"
             aria-hidden="true"
             className="mr-2"
           />
         )}
         Добавить
       </Button>
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
подскажите как правильно делать?
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
вопрос по cra, есть eject, как настроить так, что бы можно было использовать файлы которые лежат вне src ?
источник

E

Endifai in React — русскоговорящее сообщество
Может у кого-то была проблема с tippy js. Через проп content передаю текст, нужно чтобы в нем были переносы на следующую строку.Использовал в строке \n и <br/>, не работает. Стили хочу оставить дефолтные
источник

O

OMG2SMART4YOU in React — русскоговорящее сообщество
https://www.npmjs.com/package/react-i18next
всем привет кто работал с данной библиотекой?  на локалхосте  все работает отлично, но при деплое  возникает проблема, не переводит, а точнее не переводится на другой язык, кто сталкивался ? поделитесь решением!!
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Nurlykhan Salamatov
const INITIAL_STATE = {
 loadersForBtns: {
   addNews: false,
 },
};


редюсер

    case SET_LOADER_BTNS:
       return {
         ...state,
         loadersForBtns: { ...state.loadersForBtns, ...action.payload },
       };


диспач

dispatch({ type: SET_LOADER_BTNS, payload: { addNews: true } });


кнопка

      <Button
         variant="primary"
         disabled={loadersForBtns.addNews}
         type="submit"
         className="mt-2"
       >
         {loadersForBtns.addNews && (
           <Spinner
             as="span"
             animation="border"
             size="sm"
             role="status"
             aria-hidden="true"
             className="mr-2"
           />
         )}
         Добавить
       </Button>
Зависит от конкретной задачи. Доступность каждой кнопки может зависеть от ряда условий, т.е. от каких-то данных, находящихся в сторе. Не обязательно прописывать в стор btnVisible для каждой кнопки, правильнее всего, ИМХО, брать из стора нужные данные и внутри компонента, в локальном стейте, вычислять, должна та или иная кнопа быть доступна или нет.
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
Vladimir Samoilenko
Зависит от конкретной задачи. Доступность каждой кнопки может зависеть от ряда условий, т.е. от каких-то данных, находящихся в сторе. Не обязательно прописывать в стор btnVisible для каждой кнопки, правильнее всего, ИМХО, брать из стора нужные данные и внутри компонента, в локальном стейте, вычислять, должна та или иная кнопа быть доступна или нет.
например я хочу показать лоадер для кнопки Добавить
а при клике делаю запрос
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
все работет например есть кнопка удалить и там тоже делаю запрос
источник

NS

Nurlykhan Salamatov in React — русскоговорящее сообщество
для каждого запроса / для каждой кнопки определять отдельный стейт нормально?
источник