React Native Onpress未调用函数来更改状态

ao218c7q 于 2023-01-09 发布在 React

关注(0)|答案(1)|浏览(153)

我正在使用React Native。我正在尝试更改单击按钮时的按钮。我希望默认情况下显示添加项组件，并且在单击时将其更改为删除项。

const Products = () => {
const [added,notAdd]=useState(false);
 function changeIT(){
        console.log(added);
        notAdd(!added);
        console.log(added);
        
    }
return (
{added?<Remove index={index} onPress={()=>changeIT()}/> :<Add item={item} onPress={()=>changeIT()}/> }
)}

单击按钮后没有任何React。

react-native

来源：https://stackoverflow.com/questions/75056539/onpress-is-not-calling-the-function-to-change-the-state

1条答案

按热度按时间

ee7vknir1#

例如，我相信您只在组件执行时包含了onPress事件，而不是在实际的组件本身中。
执行：

<Add item={item} onPress={()=>changeIT()}/>

声明：

import React, {useState} from 'react';
import { Pressable, Text} from 'react-native';

export default function Add({ item , onPress}) {

  return (
    <Pressable onPress={onPress}> 
      <Text>Add</Text>
    </Pressable>
  );
}

赞(0）回复(0）举报 2023-01-09

我来回答

React Native Onpress未调用函数来更改状态

1条答案

相关问题

热门标签

最新问答