Guía de actualización
En el Ignite UI for React versiones, el primer número siempre coincide con la versión principal de React admite el código y el segundo está dedicado a las versiones principales. Es posible que se introduzcan cambios importantes entre las versiones principales. Puede encontrar una lista completa de cambios para cada versión de Ignite UI for React en el REGISTRO DE CAMBIOS del producto.
Del 18.9.0 al 19.0.0
Esta versión incluye una revisión importante de algunos de nuestros componentes internos de React que conduce a los siguientes cambios en los paquetes igniteui-react e igniteui-react-grids:
General
Breaking changes
- Ignite UI for React componentes ahora usan React Componentes de Función, por lo que las referencias obtenidas de useRef serán ahora un forwarding del elemento nativo en lugar de una instancia de componente de clase. Muchos de los casos de uso podrían permanecer sin cambios, pero se requieren cambios posibles, como no necesitar una propiedad adicional para acceder al propio elemento DOM.
- Los componentes ya no aceptan la unión alternativa de cadenas en todos los tipos de propiedades (por ejemplo, booleano | cadena o número | cadena). Además, los tipos de unión de cuerdas ya no son insensibles a mayúsculas y mayúsculas.
<IgrColumn dataType="String" sortable="true"></IgrColumn>
Becomes:
<IgrColumn dataType="string" sortable={true}></IgrColumn>
- Los eventos de los componentes ahora tienen un prefijo, es decir:
<IgrGrid columnPin={handlePinning}></IgrGrid>
Becomes
<IgrGrid onColumnPin={handlePinning}></IgrGrid>
- Los eventos componentes emiten un único argumento estándar de CustomEvent en lugar del
senderargumento como primero. Por lo tanto, propiedades personalizadas como sender.nativeElement ya no están disponibles, pero todas las propiedades nativas del evento sí lo están. Además, los tipos de argumentos de evento están disponibles como alias para el evento personalizado específico, por lo que el accesodetaila uso permanecerá igual. Con la nueva firmaevent.detaildel manejador es la misma yevent.targetes el elemento DOM equivalente al emisor:
const handlePinning = (sender: IgrGridBaseDirective, event: IgrPinColumnCancellableEventArgs) => {};
Becomes:
const handlePinning = (event: IgrPinColumnCancellableEventArgs) => {}
// equivalent to
const handlePinning = (event: CustomEvent<IgrPinColumnCancellableEventArgsDetail>) => {}
- Los componentes ya no tienen la propiedad no
namefuncional por defecto. Lanamepropiedad solo permanece en los componentes igniteui-react, principalmente en entradas comoIgrInputandIgrCombo, donde tiene funcionalidad nativa. - Ignite UI for React componentes ya no requieren una
keypropiedad, a menos que sea necesario según la documentación de React - IgrDataGrid ya no forma parte del paquete igniteui-react-grids. Se ha movido a igniteui-react-data-grids, lo que hace que igniteui-react-grids sea más liviano.
- Hubo varios tipos que se expusieron como clases en la versión 18.9.0, lo cual ya no es el caso. Ahora se exportan como tipos y se pueden usar de la siguiente manera:
const pivotConfiguration = new IgrPivotConfiguration();
Becomes:
const pivotConfiguration: IgrPivotConfiguration = {
rows: [],
columns: [],
values: []
}