我制作了 2 個屏幕，一個主屏幕和第二個編輯屏幕我需要從編輯屏幕編輯主屏幕的數據并保存它，并且該數據也應該在主屏幕和詳細信息屏幕中更新。沒有 redux 或上下文我怎么能做到這一點。誰能告訴我。首頁.jsclass Home extends Component {  state = {    post: [      {        key: "1",        title: "A Good Boi",        des: "He's a good boi and every one know it.",        image: require("../assets/dog.jpg"),      },    ],  };  render() {    return (        <FlatList          data={this.state.post}          renderItem={({ item }) => (            <>              <TouchableOpacity                activeOpacity={0.7}                onPress={() => this.props.navigation.navigate("Edit", item)}                style={styles.Edit}              >                <MaterialCommunityIcons                  name="playlist-edit"                  color="green"                  size={35}                />              </TouchableOpacity>              <Card                title={item.title}                subTitle={item.des}                image={item.image}                onPress={() => this.props.navigation.navigate("Details", item)}              />            </>          )}        />編輯.jsclass ListDetails extends Component {  render() {    const listing = this.props.route.params;    return (      <View>        <Image style={styles.image} source={listing.image} />        <View style={styles.detailContainer}>          <AppTextInput value={listing.title} />          <AppTextInput value={listing.des} />        </View>        <AppButton          text="Save"          onPress={() => this.props.navigation.goBack("Home")}        />      </View>細節.js const listing = this.props.route.params;    return (      <View>        <Image style={styles.image} source={listing.image} />        <View style={styles.detailContainer}>          <Text style={styles.title}>{listing.title}</Text>          <Text style={styles.des}>{listing.des}</Text>        </View>      </View>    );