以下是一个示例代码，演示了如何遍历一个对象，解构并将其推送到React状态数组：

import React, { useState } from 'react';

function App() {
  const [data, setData] = useState([]);

  const obj = {
    name: 'John',
    age: 30,
    sex: 'male'
  };

  const handleButtonClick = () => {
    // 遍历对象的键值对
    for (const [key, value] of Object.entries(obj)) {
      // 解构并将键值对推送到React状态数组
      setData(prevData => [...prevData, { key, value }]);
    }
  };

  return (
    

      遍历并推送
      

        {data.map((item, index) => (
          
{item.key}: {item.value}
        ))}
      
    
  );
}

export default App;

在上述代码中，我们首先定义了一个名为data的React状态数组，用于存储遍历对象后解构得到的键值对。

接下来，我们定义了一个名为obj的对象，它包含了要遍历的键值对。

在handleButtonClick函数中，我们使用Object.entries()方法遍历了obj对象的键值对。在每次迭代中，我们解构得到的键值对，并使用扩展运算符将其推送到React状态数组data中。

最后，在渲染部分，我们使用map方法遍历data数组，并将每个键值对渲染为一个列表项。