Passa al contenuto principale

Modello di applicazione — seed-on-change

options viene riapplicata alla tabella solo quando cambia il riferimento dell'oggetto. Ri-renderizzare con lo stesso oggetto options conserva le modifiche fatte dall'utente dentro la tabella. Per imporre una nuova configurazione, passare un nuovo oggetto.

const [options, setOptions] = useState(initialOptions);

<AuraPivot
dataSource={rows}
options={options}
onOptionsChange={setOptions}
/>;

Rimettere il valore di onOptionsChange dentro options è sicuro: il componente riconosce l'oggetto che ha emesso e non lo riapplica.

Leggere le modifiche dall'esterno

function handleChange(next) {
// `next` è l'oggetto options completo e aggiornato.
saveToServer(next);
setOptions(next);
}

<AuraPivot dataSource={rows} options={options} onOptionsChange={handleChange} />;

ref.auraPivot.getOptions() restituisce lo schema corrente su richiesta.

Vedi anche