diff --git a/test/typescript/sample-react-redux-usage.tsx b/test/typescript/sample-react-redux-usage.tsx index 4806fee..5664d9f 100644 --- a/test/typescript/sample-react-redux-usage.tsx +++ b/test/typescript/sample-react-redux-usage.tsx @@ -3,7 +3,7 @@ import React from 'react'; import ReactDOM from 'react-dom'; // useSelector -import { Provider } from 'react-redux'; +import { Provider, useSelector, DefaultRootState } from 'react-redux'; import { createStore } from 'redux'; import equal from '../../index.js'; @@ -23,23 +23,10 @@ const testArr: IItem[] = [ { text: 'air', id: '8' }, ]; -type IChildProps = { - item: IItem; -}; - -class TestChild extends React.Component { - shouldComponentUpdate(nextProps: IChildProps) { - return !equal(this.props, nextProps); - } - - render() { - const { text: word } = this.props.item; - return
{word}
; - } +interface IContainerState extends DefaultRootState { + overlap: IItem[]; } -type IContainerState = { overlap: IItem[] }; - const overlap = (state = [], action) => { switch (action.type) { case 'ADD_ITEM': @@ -53,15 +40,14 @@ const store = createStore(overlap, ['mountain']); class TestContainer extends React.Component<{}, IContainerState> { render() { - // to interact with the store - // store.dispatch({ type: 'TYPE', text: 'some-text' }) + useSelector(this.state, equal); return (
Testing react-redux
{testArr.map((item) => ( - +

{item.text}

))}
diff --git a/test/typescript/sample-usage.tsx b/test/typescript/sample-usage.tsx index f45369c..d9c7b91 100644 --- a/test/typescript/sample-usage.tsx +++ b/test/typescript/sample-usage.tsx @@ -14,16 +14,14 @@ const testArr: ITodo[] = [ { text: 'mountain', id: '11' }, { text: 'air', id: '8' }, { text: 'plants', id: '9' }, - { text: 'air', id: '8' }, - { text: 'air', id: '8' }, ]; -type IChildProps = { +type IProps = { todo: ITodo; }; -class TestChild extends React.Component { - shouldComponentUpdate(nextProps: IChildProps) { +class TestChild extends React.Component { + shouldComponentUpdate(nextProps: IProps) { return !equal(this.props, nextProps); }