1. Создаем контекст и провайдер
const MyContext = React.createContext(initialValue)

function MyContextProvider({ children }) {
 const [myState, setMyState] = useState(initialState)
 
 return <MyContext.Provider value={{ myState, setMyState }}>{children}</MyContext.Provider>
}

2. Используем контекст
function MyComponent() {
 const { myState, setMyState } = useContext(MyContext)
 ...
}

3. Использовать контекст можно только внутри провайдера
<MyContextProvider>
 <MyComponent />
 ...
</MyContextProvider>

писал на скорую руку, надеюсь этот пример поможет вам понять

Спасибо. Попробую

работает. Благодарю =)

Всем привет, возникла проблема со styled-components, хочу при переносе айтема разворачивать его на несколько градусов, у меня есть дивка я в нее передаю пропс rotate: bool
Когда я беру айтем, он показывает тру, но смена на происходит

<TaskItem
            rotate={snapshot.isDragging}
            ref={provided.innerRef}
            {...provided.draggableProps}
            {...provided.dragHandleProps}
            style={{
              ...provided.draggableProps.style,
            }}>
            {item.content}
          </TaskItem>

export const TaskItem = styled.div`
 userselect: none;
 padding: 16px;
 margin: 0 0 8px 0;
 min-height: 50px;
 border-radius: 5px;
 background-color: lightgrey;
 transition: 0.3s ease;
 transform: ${(props: any) => (props.rotate ? `rotate(15deg)` : '')}};
`;

всем привет, кто знает можно юзать обычные SCSS модули в React + Material UI? Или только CSS-in-JS?

такой вопрос
допустим, у вас есть сложная страница, состоящая из нескольких контейнеров.
но у вас есть некоторый общий стейт конкретно этой страницы

нормально ли сделать контекст, и в нужных контейнерах использовать контекст как стейт?
(не хочется тянуть редакс ради страницы и не хочется бросать пропсы через всю иерархию контейнеров)

как это исправить ?

использовать контекст как стейт можно, если вам будет нужен редакс вы сами это поймете

нормально. только не масштабируется и при росте приложения приносит много вреда. но нормально

Всем привет! Использовали mobx в проектах? Действительно ли удобнее чем redux?

Одна фигня, выбирай то что по вкусу

Да, меньше бойлерплейт кода.

Как лучше всего в Реакте передать пропсы из child component to parent component?

Я юзаю redux активно, но бойлерплейта действительно много получается

render prop
upd: думал ты из parent в child хотел

Всем привет. У меня такая задача - при нажатии на одну из этих картинок она должна вывестись ниже, но в большем размере. Типа так

рефой

Нельзя передать пропсы из ребенка в родитель

Вот так можно сделать?