使用useState打开数组中的单个元素

import React, { useState } from 'react';

function MyComponent() {
  const [array, setArray] = useState([]);
  const [element, setElement] = useState(null);

  // 其他组件逻辑...

  return (
    <div>
      {/* 显示数组中的单个元素 */}
      {element && <p>{element}</p>}
    </div>
  );
}

function MyComponent() {
  const [array, setArray] = useState([]);
  const [element, setElement] = useState(null);

  // 更新数组和单个元素的函数
  const openElement = (index) => {
    setElement(array[index]);
  };

  // 其他组件逻辑...

  return (
    <div>
      {/* 显示数组中的单个元素 */}
      {element && <p>{element}</p>}

      {/* 按钮来触发打开元素的函数 */}
      {array.map((item, index) => (
        <button key={index} onClick={() => openElement(index)}>
          Open Element {index}
        </button>
      ))}
    </div>
  );
}