React native 使用來自 onPress 的傳遞值 function 顯示另一個組件視圖

Question

想在 React Native 中使用從 onPress function 傳遞的參數值來更新組件視圖。

Answer 1

    const onItemClick = (item) => {
      alert(JSON.stringify(data));          
     }
    
      const renderItem = ({ index, item }) => (
    
        <TouchableOpacity onPress={ () => {onItemClick(item)} } >
            <Text> {item.name} </Text>
        </TouchableOpacity>
       );

Answer 2

如果您希望通過傳遞給 onPress 函數的值來更新組件，則需要確保將要更新的內容存儲在state變量中，以便 React Native 觸發該組件的更新。 它可能看起來像這樣：

const [counter, setCounter] = useState(0);

const textOnPress = (const val) => {
    setCounter(val);
}

const component = () => (
    <Text onPress={()=>{textOnPress(const val)}}>{counter}</Text>
);