with-component-hooks

Use React hooks in class component

Install

npm install --save with-component-hooks

Part 1

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

;
}
}

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

;
}
}
``