我的组件以这种方式成功渲染了另一个组件:
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;
现在,如何再次呈现“通过”新元素的列表?
最佳答案
通过setState更新状态时,react会自动再次调用render()方法。因此,您需要做的就是:
render() {
const {elements} = this.state;
return (
<List
items={elements}
/>
);
}
如果“列表”组件具有用于获取列表项的不同属性名称,请使用该名称替换项目。
关于javascript - react native 刷新组件,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43683745/