反應本機刷新組件

Question

我有我的組件以這種方式成功渲染另一個組件：

const List = require('../List.js');

class MyComponent extends React.Component {
    constructor(props) {
        super(props);
        this.registerListner();
    }
    render() {
        console.log("MyComponent render");
        return (
            <List/>
        );
    }
    registerListener() {
        const emitter = new NativeEventEmitter(MyModule);
        emitter.addListener('onListChange',
            (element) => {
                this.setState({ elements: elements });
                console.log("receive elements: ", elements);
            }
        );
    }
}

module.exports = MyComponent;

現在，我如何再次渲染“傳遞”新元素的列表？

Answer 1

當通過setState更新狀態時，react會再次自動調用render（）方法。 所以你需要做的就是：

render() {
    const {elements} = this.state;
    return (
        <List
            items={elements}
        />
    );
}

如果List組件具有用於獲取列表項的不同屬性名稱，請替換具有該名稱的項 。