Redux对内部Class进行Connect

Connect需要调用在作用域内

与文章ES6文内件多个Clss时WebStorm不能自动补全中提到的作用域错误时无法自动补全但是不会报错不同，在使用Redux的Connect时，如果使用错了作用域会直接报错

//在Header之前，可以被自动补全
class UserBox extends Component {...}

//在Header之前，可以被自动补全，Connect在UserBox之后，可以有效Connect
const ConnectedUserBox = connect(() => ({}), {switchRightBar})(UserBox);

class Header extends Component {
    render() {
        return (
            <div>
                <UserBox />             <==可以自动补全
                <ConnectedUserBox />    <==可以自动补全
                {<TitleBox />}          <==不能正常自动补全，但是不会报错
                {<ConnectedTitleBox />} <==不能正常自动补全，并且会在运行后会报错
            </div>
        )
    }
}

//在Header之后，不可以自动补全，调用Connect调用时TitleBox还没声明，不能正常使用ConnectedTitleBox
const ConnectedTitleBox = connect(() => ({}), {switchSideBar})(TitleBox);

//在Header之后，不可以自动补全
class TitleBox extends Component {...}

赏

请问老板还招人么(/ω＼)

支付宝

微信