Hire React Native Developers

import React, { useState, useEffect } from 'react';
import { View, Text, TextInput, Button } from 'react-native';
import axios from 'axios';

const Article = () => {
  const [title, setTitle] = useState('');
  const [content, setContent] = useState('');
  const [articles, setArticles] = useState([]);

  const fetchArticles = async () => {
    const response = await axios.get('https://my-api-url.com/articles');
    setArticles(response.data);
  };

  useEffect(() => {
    fetchArticles();
  }, []);

  const handleSave = async () => {
    await axios.post('https://my-api-url.com/articles', { title, content });
    setTitle('');
    setContent('');
    fetchArticles();
  };

  const handleDelete = async (id) => {
    await axios.delete(`https://my-api-url.com/articles/${id}`);
    fetchArticles();
  };

  return (
    <View><Text>Articles</Text><TextInputvalue={title}onChangeText={(text) => setTitle(text)}
        placeholder="Title"
      />
      <TextInputvalue={content}onChangeText={(text) => setContent(text)}
        placeholder="Content"
      />
      <Button title="Save" onPress={handleSave} />
      {articles.map((article) => (
        <View key={article.id}><Text>{article.title}</Text><Text>{article.content}</Text><Buttontitle="Delete"onPress={() => handleDelete(article.id)}
          />
        </View>
      ))}
    </View>
  );
};

export default Article;