react-native - 删除请求用钩子反应本机
问题描述
当用户按下我定义项目但我没有这样做的按钮时,我正在尝试删除。你能帮我按下按钮,删除项目吗?在 url 中,您可以看到我用于第一次获取请求的 json,之后我想为删除请求提供操作按钮。
export default function Categories(){
const [data,setData]=useState({});
const categoriesUrl ="https://northwind.vercel.app/api/categories"
const [name,setName]=useState([]);
const [description,setDescription]=useState([]);
const [id,setID]=useState([]);
const [status,setStatus]=useState([]);
useEffect(()=>{
fetch(categoriesUrl)
.then((response)=>response.json())
.then((json)=>{
setData(json);
})
.catch((error)=>console.error(error))
});
const deleteApi=(id)=>{
fetch("https://northwind.vercel.app/api/categories/"+id,{method: 'DELETE'})
.then(()=>setStatus('Delete Successful'));
}
return(
<SafeAreaView>
<View style={styles.container}>
<FlatList
data={data} keyExtractor={({id},index)=>id}
renderItem={({item})=>(
<View style={{paddingBottom:10}}>
<Text style={styles.categoriesText}>
{item.id}.{item.description},{item.name}
<Button onClick={()=>deleteApi(data.id)}></Button>
</Text>
</View>
)} >
</FlatList>
</View>
</SafeAreaView>
);
};
解决方案
推荐阅读
- javascript - .map() 显示来自 api 的数据的问题
- sql - 获取 oracle db 中的所有视图以及行数、列数、主键等详细信息
- reactjs - 在 ReactJs 中执行函数时禁用按钮
- mysql - 对于一个表中的所有条目,添加到另一个表
- eclipse - Eclipse IDE 中奇怪的选项卡名称字符
- powershell - 在 Powershell 中复制文件时需要帮助
- angular - 尝试将自定义 svg 添加到角度材质图标注册表
- terraform - 如何将创建的子网转换为地图数据以供以后代码使用?
- java - 项目分叉后是否应将原始作者包含在 pom.xml 开发人员标签中?
- php - 为什么 laravel 语法颜色不起作用