Реактивное обновление источника данных ListView из другого файла

Question

У меня есть представление списка в моем классе A, которое отображается следующим образом:

<ListView
    style = {Styles.itemList}
    dataSource = {this.state.dataSource}
    renderRow = {(data) => <MyItem {...data} />}
/>

Я отделяю свой элемент в другой файл, поскольку элемент списка довольно сложный, например:

const MyItem = (props) => {
    return (
        <View style={Styles.container}>
            ....
            <Text>{props.firstElement}</Text>
            ....
        </View>
    );
}

У меня есть компонент TouchableHighlight (Button) внутри компонента MyItem, где после его нажатия мне нужно изменить источник данных моего списка (который находится в моем классе A), как вызвать или вызвать setState для этого источника данных изMyItem (который находится в другом классе).

Есть ли какое-нибудь решение?Спасибо.

Answer 1

Вы можете использовать функцию обратного вызова, просто передайте созданную вами функцию в классе A, например renderRow = {(data) => <MyItem callback={this.MyChangeList} {...data} />}. Их в вашем классе MyItem вы можете назвать его, используя this.props.callback().