es6 setprops 不是函数

Question

class MyComponent {
    constructor(props){
        super(props);
    }
    render() {
        return <View />
    }
}

class Test() {
    constructor(props){
        super(props);
        this.onClick = this.onClick.bind(this);
    }

    onClick() {
        this.my.setPorps({
            show: true,
        });
    }

    render(){
        return <MyComponent ref={ ref => this.my = ref }/>
    }
}

如果我触发onClick函数，会导致：

undefined 不是函数（评估 '_this3.progressbar.setProps({ 禁用：true})')

谁能帮帮我？非常感谢！

Answer 1

来自 React 文档：

此方法已弃用，很快将被删除。此方法在扩展 React.Component 的 ES6 类组件上不可用。不要调用 setProps，而是尝试使用新的 props 再次调用 ReactDOM.render()。

https://facebook.github.io/react/docs/component-api.html#setprops

（同样在您的示例中，您拼写为setPorps，但无论如何它都不起作用）

看起来你只是想告诉一个组件显示自己，在这种情况下，父状态可以更新并作为道具传递给子：

class Test() {
    constructor(props){
        super(props);
        this.state = {
            show: false
        };
        this.onClick = this.onClick.bind(this);
    }

    onClick() {
        this.setState({
            show: true
        });
    }

    render() {
        return <MyComponent show={this.state.show} />
    }
}