Use React hooks in class component
npm install with-component-hooksUse React hooks in class component
npm install --save with-component-hooks
Use WithComponentHooks as React.ElementType
``ts`
interface Props {
children: () => React.ReactNode;
}
`tsx
import WithComponentHooks from "with-component-hooks";
export default class MyComponent extends React.Component {
render() {
return (
{() => {
const [counter, set] = React.useState(0);
//TODO...
return
Part 2
Use hooks in render method
`tsx
import WithComponentHooks from "with-component-hooks";class MyComponent extends React.Component {
render() {
const [counter, set] = React.useState(0);
//TODO...
return
{counter};
}
}export default WithComponentHooks(MyComponent);
`Use decorator
`tsx
import WithComponentHooks from "with-component-hooks";@WithComponentHooks
export default class MyComponent extends React.Component {
render() {
const [counter, set] = React.useState(0);
//TODO...
return
{counter};
}
}
``