Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 从ReactNative上的API(jsonplaceholder)中删除数据_Reactjs_React Native_Jsonplaceholder - Fatal编程技术网

Reactjs 从ReactNative上的API(jsonplaceholder)中删除数据

Reactjs 从ReactNative上的API(jsonplaceholder)中删除数据,reactjs,react-native,jsonplaceholder,Reactjs,React Native,Jsonplaceholder,我正试图从jsonplaceholder中删除用户,因为我想通过帮助单击来删除项目> /这是官方文件/ 删除资源 取(“”{ 方法:“删除” }) 重要提示:该资源不会在服务器上被真正删除,但会被伪造,就好像 /我的代码/ 但它想删除(( 这是我的应用程序组件 返回( {/*以形成*/} item.id.toString()} 数据={users} renderItem={({item})=>( )} /> 和用户项组件 导出默认函数UserItem({item,pressHandler}){

我正试图从jsonplaceholder中删除用户,因为我想通过帮助单击来删除项目> /这是官方文件/ 删除资源 取(“”{ 方法:“删除” }) 重要提示:该资源不会在服务器上被真正删除,但会被伪造,就好像

/我的代码/

但它想删除(( 这是我的应用程序组件

返回(
{/*以形成*/}
item.id.toString()}
数据={users}
renderItem={({item})=>(
)}
/>
和用户项组件

导出默认函数UserItem({item,pressHandler}){
返回(
pressHandler(item.id)}>
员工:{item.name}
公司:{item.Company.name}
城市:{item.address.City},街道:{item.address.street}
电子邮件:{item.email}
)
}
export default function App() {
  const [users, setUsers] = useState();  
  const pressHandler = (id) => {
    fetch(`https://jsonplaceholder.typicode.com/users/${id}`, {
      method: 'DELETE'
    })
      .then(() => {

        // Issue GET request after item deleted to get updated list
        // that excludes user of id
        return fetch(`https://jsonplaceholder.typicode.com/users`)
      })
      .then(res => res.json())
      .then(res => {
        setUsers(res);
      })
 }

  /* request API to json.placeholder to get users */
  useEffect(() => {
    fetch('https://jsonplaceholder.typicode.com/users') 
      .then(res => res.json())
      .then(res => {
        setUsers(res);
      })
  })

I’m trying in another way

export default function App() {
  const [users, setUsers] = useState();
  const pressHandler = (id) => {
    setUsers((prevUsers)=>{
      return prevUsers.filter(users => users.id != id)
    })
  }
}
return (
    <View style={styles.container}>
      <Header />
      <View style={styles.content}>
        {/* to form */}
        <View style={styles.list}>
          <FlatList
            keyExtractor={item => item.id.toString()}  
            data={users}
            renderItem={({item}) => (
              <UserItem item={item} pressHandler={pressHandler}/>
            )}
          />
        </View>
      </View>
    </View>
export default function UserItem({ item, pressHandler }){
    return (
        <View style={styles.item}>
            <TouchableOpacity onPress={() => pressHandler(item.id)}>
                <Text style={styles.main}>Employee: {item.name}</Text>
                <Text style={styles.company}>Company: {item.company.name}</Text>
                <Text style={styles.rest}>City: {item.address.city}, street: {item.address.street}</Text>
                <Text style={styles.rest}>email: {item.email}</Text>
            </TouchableOpacity>
        </View>
    )
}