Forker/OpenNoodl
1
0
Fork 0
mirror of https://github.com/The-Low-Code-Foundation/OpenNoodl.git synced 2026-01-12 23:32:55 +01:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Updated project to React 19

Browse Source
This commit is contained in:
Richard Osborne
2025-12-07 17:32:53 +01:00
parent 2153baf627
commit 8fed72d025
70 changed files with 4534 additions and 5309 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/noodl-editor/src/shared/ReactView.ts
View File

@@ -1,5 +1,5 @@
import React from 'react';
import ReactDOM from 'react-dom';
import { createRoot, Root } from 'react-dom/client';
import View from './view';
export interface ReactViewDefaultProps {
@@ -8,6 +8,7 @@ export interface ReactViewDefaultProps {
export abstract class ReactView<TProps extends ReactViewDefaultProps> extends View {
private props: TProps;
private root: Root | null = null;
public el: any;
@@ -31,14 +32,20 @@ export abstract class ReactView<TProps extends ReactViewDefaultProps> extends Vi
});
}
ReactDOM.render(React.createElement(this.renderReact.bind(this), this.props), this.el[0]);
if (!this.root) {
this.root = createRoot(this.el[0]);
}
this.root.render(React.createElement(this.renderReact.bind(this), this.props));
return this.el;
}
public dispose() {
this.el && ReactDOM.unmountComponentAtNode(this.el[0]);
if (this.root) {
this.root.unmount();
this.root = null;
}
}
protected abstract renderReact(props: TProps): JSX.Element;
protected abstract renderReact(props: TProps): React.JSX.Element;
}