Как повторно отрендерить отдельную строку ag-grid при изменении состояния с помощью React? - PullRequest
Новая
       28

Как повторно отрендерить отдельную строку ag-grid при изменении состояния с помощью React?

0 голосов
/ 10 июля 2020

У меня есть следующий код ... 

const AddTemplate = (data, manageValue, showNewValue) => (
        <div style={row}>
            <Button variant="secondary" onClick={()=>{
                manageValue(true)
            }}>
                <Icon style={icon} name="plus" size={20}></Icon>
            </Button>
            { showNewValue ? (<TextField></TextField>) : null}
        </div>
)

Я пытаюсь реализовать это в такой сетке ... 

const [showNewVlue, toggleShowNewValue] = useState(false);
const manageValue = (show)=>{
    toggleShowNewValue(show)
}
...
return ({
    ...
    cellRendererFramework: params =>
                                AddTemplate(params.data, manageValue, showNewVlue)
})

Но когда я запускаю это, TextField никогда появляется. Почему не выполняется рендеринг? Я, вероятно, мог бы использовать api.refresh, но это огромный список, и для его повторной визуализации потребуется много ресурсов.

Как мне получить отдельную ячейку для повторной визуализации?

...