Как делать выемку в бордере?

Alex_mos, обводка в фигме

Как обработать список инпутов?

Валерий, Валерий, спасибо вам большое! С утра со свежей головой попробовал как вы советовали и все получилось!

Как обработать список инпутов?

Валерий,
const [conditions, setConditions] = useState([])
const [test, setTest] = useState([])

///////

запрос с бэкка
useEffect(() => {
dispatch(loadPromotionById(id))
}, [id])

useEffect(() => {
setConditions(promotion.conditions)
}, [promotion])

useEffect(() => {
promotion.conditions && promotion.conditions.map((item) => item.conditionProperties.map((item) => setTest((prevState) => [...prevState, {propertyName: item.propertyValue}])))
}, [promotion])

Как обработать список инпутов?

Валерий, c.conditionProperties.forEach здесь кидает ошибку Cannot read property 'forEach' of undefined

Как обработать список инпутов?

Валерий, конечно

Как обработать список инпутов?

Не работает чет(

Как вызвать ререндер компонента?

Александр, не работает(

Как вызвать ререндер компонента?

Александр,

export const ConditionsSettings: React.FunctionComponent = () => {
    const dispatch = useDispatch()
    const conditionsSettingsTypes = useSelector((state: RootState) => state.conditionsSettings.data)
    const conditionsSettingsTypesValues = useSelector((state: RootState) => state.conditionsSettingsTypesValues.data)
    const conditions = useSelector((state: RootState) => state.conditions.data)



    const [condition, setCondition] = useState(1)
    const [activeConditionType, setActiveConditionType] = useState(1)
    const [, forceUpdate] = useState()

    const activeConditionTypeHandler = (key: any) => {
        setActiveConditionType(key)
    }

    const conditionHandler: any = (key: number) => {
        setCondition(key)
    }

    useEffect(() => {
        dispatch(loadConditionsSettings())
    }, [])

    useEffect(() => {
        dispatch(loadConditionsTypesValues(condition))
    }, [condition])

    useEffect(() => {
        dispatch(loadConditions())
    }, [])


    function renderCheckboxes(): ReactNode {
        const values = conditionsSettingsTypesValues.map((item: ConditionsSettingsTypesValues) => {
            return <Checkbox key={item.id}>{item.description}</Checkbox>
        })
        return values
    }

    function renderTabPanes(): ReactNode {
        const types = conditionsSettingsTypes.map((item: ConditionsSettingsTabe) => {
            return <TabPane tab={item.description} key={item.id}>{renderCheckboxes()}</TabPane>
        })
        return types
    }

    function renderConditionsTabPanes(): ReactNode {
        const result = conditions.find((item: Conditions) => item.id === activeConditionType)
        return <TabPane tab={result && result.description} key={result && result.id} />
    }
    

    return (
        <div>
       <Tabs centered onChange={activeConditionTypeHandler}>
           {renderTabPanes()}
       </Tabs>
        <Tabs onChange={activeConditionTypeHandler}>
            {renderConditionsTabPanes()}
        </Tabs>
        </div>
    )
}

Как вызвать ререндер компонента?

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

<Tabs centered onChange={activeConditionTypeHandler}>
           {renderTabPanes()}
       </Tabs>

Как лучше всего сверстать такой макет?

Фёдор, Cпасибо!

Как лучше всего сверстать такой макет?

А как на флексах сделать так чтобы первый и второй блок были слева и справа?

Как сверстать такой блок на флексах?

Спасибо!!

Как генерировать роуты на основе данных из mysql?

Smoke_qq, Спасибо, направили в нужное русло

Почему не происходит авторизация пользователя?

Вы правы, заработало, спасибо!

Какие быстрее всего добавлять товары в бд?

Спасибо за помощь, то что нужно

Какие быстрее всего добавлять товары в бд?

galaxy, Благодарю!

Какие быстрее всего добавлять товары в бд?

Мне меньше работы, скинули файл в формате doc

Как в Bootstrap расположить элемент между двумя строками?

Алексей Дагаев, https://fontawesome.com/icons?d=gallery

Как в Bootstrap расположить элемент между двумя строками?

Andrew, спасибо большое!

Как в Bootstrap расположить элемент между двумя строками?

есть два row, слева на всю ширину двух этих row нужно вставить черную фигуру