React-grid-Layout с Redux и крючками - PullRequest
Новая
       6

React-grid-Layout с Redux и крючками

0 голосов
/ 01 октября 2019

Я новичок в React, и у меня возникла проблема с реакцией-grid-layout. Действительно, я создаю действие в своем редукторе, чтобы сбросить расположение моих карт в моей сетке. Параметры, хранящиеся в «подпорках», меняются по желанию, но визуальный рендеринг не учитывает новые параметры, вот мой код: 

const DashboardGrid = (props) => {
    let [content, setContent] = useState();
    useEffect(() => {
        setContent(CreateContent(props));
    }, [props.newGrid])
    function CreateContent(props) {
        let dash = props.newGrid
        content = dash.map((_c, _i) => {
            if (dash[_i].isVisible === true) {
                return (
                    <div className='case' key={_i} cti={_i} data-grid={dash[_i].dataGrid}>
                        <Card id={_i} />
                    </div>
                )
            }
        })
        return content
    }
    function restore() {
        props.restoreGrid()
    }
    CreateContent(props)
    return (
        <GridLayout  className="layout" cols={props.cols} rowHeight={props.rowHeight} width={props.width}>
            <div key="title" data-grid={props.dashboards.dataGridTitle} className="dashTitle">{props.dashboards.title}</div>
                <div onClick={restore}>
                    <Icon type="undo" />
                    &nbsp;Restaurer la grille
                </div>
            {content}
        </GridLayout>
    )
}
const mapStateToProps = state => {
    return {
        newGrid: state.async.dashboards[0].dashboard,
        dashboards: state.async.dashboards[0]
    }
};
const mapDispatchToProps = dispatch => {
    return {
        restoreGrid: () => dispatch(cardAction.restoreGrid()),
    }
};
export default connect(mapStateToProps, mapDispatchToProps)(DashboardGrid)

Мой редуктор посылает мне хорошие координаты в моих подпорках, нокомпоненты моей сетки не меняются. Пожалуйста, скажите мне, или я ошибаюсь или если есть возможность форсировать расчет компонентов.

1 Ответ

0 голосов
/ 09 октября 2019

Я нашел решение, назначил ключ каждому компоненту и повторяю каждое действие в своей сетке, поэтому компоненты, чей ключ повторяется, уничтожаются и перестраиваются с помощью React с учетом аксессуаров.

...