5

我正在尝试使用 MobX 的可观察数组填充 ListView 以响应本机，如下所示：

constructor(props) {
        super(props)
        var dataSource = new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2 });
        let dogs = props.store.dogs;
        this.state = { dogs: dogs, dataSource: dataSource };
    }

    render() {

        var dogs = this.state.dogs;
        var dataSource = this.state.dataSource.cloneWithRows(dogs);

        return <ListView
            dataSource={dataSource}
            renderRow={this.renderRow}
            />
    }

但是在运行代码时，renderRow() 永远不会被调用。就像 cloneWithRows() 方法不知道如何克隆行一样。

有没有人成功做到这一点？（并且还让它表现出当狗列表中的狗的名字发生变化时，列表中的单元格将重新渲染）

更新：这里有更多信息https://github.com/mobxjs/mobx/issues/476

4

1 回答 1

1

如果我没记错的话，您需要对狗进行切片（大声笑）dogs.slice()，否则 ListView 不会将其识别为正确的数组。可能的情况是，渲染的组件renderRow也需要是观察者组件，因为它可以被异步调用。

请注意，切片应该在render方法中而不是在构造函数中进行；您希望每次集合更改时都会发生这种情况，而不仅仅是在构造组件时。

另见：https ://github.com/mobxjs/mobx/issues/476

于 2016-08-23T15:23:59.397 回答