업데이트 안내
Ignite UI for React 버전 관리에서 첫 번째 숫자는 항상 코드가 지원하는 React의 주 버전과 일치하고 두 번째 숫자는 주 버전 릴리스 전용입니다. 주요 릴리스 사이에 호환성이 손상되는 변경이 도입될 수 있습니다. 각 Ignite UI for React 릴리스에 대한 포괄적인 변경 사항 목록은 제품 CHANGELOG에서 확인할 수 있습니다.
18.9.0에서 19.0.0으로
이 릴리스에는 igniteui-react 및 igniteui-react-grids 패키지에서 다음과 같은 변경 사항으로 이어지는 React 구성 요소 내부 중 일부의 주요 재작업이 포함되어 있습니다.
일반적인
Breaking changes
- Ignite UI for React 컴포넌트가 이제 React Function Components를 사용하므로, useRef에서 얻은 참조는 클래스 컴포넌트 인스턴스가 아닌 네이티브 요소의 포워드가 됩니다. 많은 사용 사례는 변경되지 않을 수 있지만, DOM 요소 자체에 접근하기 위해 추가 속성이 필요 없는 등 필요한 변경이 필요할 수 있습니다.
- 컴포넌트는 더 이상 모든 속성 유형(예: 불리언 | 문자열 또는 숫자 | 문자열)에 대해 대체 문자열 합집합을 허용하지 않습니다. 또한, 스트링 유니언 유형은 더 이상 대문자 구분이 없습니다.
<IgrColumn dataType="String" sortable="true"></IgrColumn>
Becomes:
<IgrColumn dataType="string" sortable={true}></IgrColumn>
- 구성 요소 이벤트는 이제 접두사가 붙습니다.
<IgrGrid columnPin={handlePinning}></IgrGrid>
Becomes
<IgrGrid onColumnPin={handlePinning}></IgrGrid>
- Component events emit a single standard CustomEvent argument instead of the
senderas first argument. Therefore, custom properties like sender.nativeElement are no longer available, but native event properties all are. Also, types for event arguments are available as aliases for the specific custom event, so usage accessingdetailwill remain the same. With the new handler signatureevent.detailis the same andevent.targetis the DOM element equivalent to the sender:
const handlePinning = (sender: IgrGridBaseDirective, event: IgrPinColumnCancellableEventArgs) => {};
Becomes:
const handlePinning = (event: IgrPinColumnCancellableEventArgs) => {}
// equivalent to
const handlePinning = (event: CustomEvent<IgrPinColumnCancellableEventArgsDetail>) => {}
- Components no longer have the non-functional
nameproperty by default. Thenameproperty only remains in igniteui-react components, mostly form inputs such asIgrInputandIgrCombo, where it has native functionality. - Ignite UI for React components no longer require a
keyproperty, unless it is necessary according to React`s documentation - IgrDataGrid는 더 이상 igniteui-react-grids 패키지의 일부가 아닙니다. igniteui-react-data-grids로 이동되어 igniteui-react-grids를 더 가볍게 만들었습니다.
- 버전 18.9.0 에서는 클래스로 노출된 여러 유형이 있었지만 더 이상 그렇지 않습니다. 이제 유형으로 내보내지며 다음과 같이 사용할 수 있습니다.
const pivotConfiguration = new IgrPivotConfiguration();
Becomes:
const pivotConfiguration: IgrPivotConfiguration = {
rows: [],
columns: [],
values: []
}