Estoy tratando de acceder a una matriz que se modifica desde Screen1. ¿Cómo puedo obtener acceso a esta matriz desde Screen2? ¿Hay alguna forma de hacer esto?
Pantalla1.tsx
function Screen1() { const getData = () => { data = [1, 2, 3, 4, 5] data.filter((i) => i < 3) return data; } return ( <View> <Text>Returning JSX</Text> </View> ) }Pantalla2.tsx
const Screen2 = ({ navigation }) => { const arr = [1, 2] // modified arr from screen 1 return ( {arr.map((i) => ( <Button onPress={() => navigation.navigate("Screen1") } /> ))} ) }Puedes hacerlo pasando accesorios de la screen1 a la screen2
Prueba este código, ¡está funcionando!
// Pantalla1
import React, { useState } from "react"; import Screen2 from './Screen2'; function Screen1() { var [arr, setArr] = useState([1, 2, 3, 4, 5]); return ( <div> <Screen2 data={arr} /> </div> ); } export default Screen1;//Pantalla2
import React, { useState } from "react"; function Screen2(props) { return ( <div>{props.data}</div> ); } export default Screen2Debe enviar arr al componente Screen2
Por ejemplo:
Pantalla1.tsx
function Screen1() { var [arr, setArr] = useState([]); data = [1, 2, 3, 4, 5]; setArr(data); retrun(<Screen2 data = {arr}>) }Pantalla2.tsx
const Screen2 = (props) => { console.log(props.data);//[1, 2, 3, 4, 5] retrun(<div></div>); }