🤝 то что нужно было, спасибо

Подскажите по styled-components

Есть родительский компонент Card, в него передается проп type

Есть дочерний элемент Picture

Как в дочернем элементе, в зависимости от переданого пропа в родитель, менять стили?

Что-то подобное:

const Card = styled.div<{type: boolean}>`
   ${Picture} {
       opacity: ${({ type }) => type ? '1' : '0'}
   }
`;

В таком случае придется расположить Picture по иерархии над компонентом Card, это нормально?

Нормально

Всем привет
Занимаюсь бекендом на го (джун)
Ищу некоммерческий проект для реализации.

Т.е ищу фронтендера, которому нужен бекендер для любого проекта в рамках развития

всем привет, делаю валидацию с помощью formic и хотел спросить, в поле пароль я делаю проверку на минимальное количесто символов, стоит ли вынести переменнкю в отдельный файл, тип если я захочу поменять минимальную длину пароля и чтоб эта проверка поменялась во везде?

В идеале да

а куда ее можно вынести?)

Ну я вынес в utils/validation.js

а какие глобальные концепции самые важные для понимания react и в целом сегодняшнего подхода к созданию интерактивных интерфейсов?

спасибо

ребят, может есть у кого какие идеи. Логинюсь, в ответ от сервака получаю TOKEN, сохраняю его в localstorage. Как только логин удачный, я попадаю на главный экран, где запускается запрос на получение данных в useEffect, но в запросе нет моего сохраненного токена и от сервака я получаю 401. может кто знает почему так?

const TOKEN = localStorage.getItem(KEY_TOKEN_IN_LOCAL_STORAGE);

export const axios = baseAxios.create({
  baseURL: '/api',
  headers: {
    ...(TOKEN && {
      Authorization: `Token ${TOKEN}`,
    }),
  },
});

const TOKEN = localStorage.getItem(KEY_TOKEN_IN_LOCAL_STORAGE);

export const axios = baseAxios.create({
  baseURL: '/api',
  headers: {
    ...(TOKEN && {
      Authorization: `Token ${TOKEN}`,
    }),
  },
});

Ты только 1 раз присваиваешь в переменную токен свой токен.
Из-за того что до логина у тебя там ничего,то это значение и сохраняется в переменной, переделай TOKEN в функцию, и она будет вызывается потом при запросе на апи, когда уже есть токен

const getToken = () => localStorage.getItem(KEY_TOKEN_IN_LOCAL_STORAGE);

Тип такого?

да

Еще один вопрос по formik, есть 2 инпута, я пишу что-то в первом инпуте, нажимаю на поле вне инпута и выскакивает ошибка на втором инпуте, как это пофиксить?

const useComponent = () => {
  const [state, setState] = useState({});
  const Component = () => <div {...state} />;

  return [Component, setState];

}

Помогите понять почему в тайпскрипте не работает данная конструкция?

а

блин, чет все равно не помогло, такая же фигня