如何在react native中仅显示特定数组项的详细信息

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

const dataArray = [
  { id: 1, title: 'Item 1', description: 'Description 1' },
  { id: 2, title: 'Item 2', description: 'Description 2' },
  { id: 3, title: 'Item 3', description: 'Description 3' },
];

const App = () => {
  const [selectedIndex, setSelectedIndex] = useState(null);

  const handleItemClick = (index) => {
    setSelectedIndex(index);
  };

  return (
    <View>
      {dataArray.map((item, index) => (
        <TouchableOpacity key={item.id} onPress={() => handleItemClick(index)}>
          <Text>{item.title}</Text>
        </TouchableOpacity>
      ))}
      {selectedIndex !== null && (
        <View>
          <Text>{dataArray[selectedIndex].title}</Text>
          <Text>{dataArray[selectedIndex].description}</Text>
        </View>
      )}
    </View>
  );
};

export default App;