react 点击车辆信息按钮展示表格1 点击队长信息显示表格2 实例

可以使用 React 的 state 来控制点击按钮展示不同的表格。假设你有一个组件叫做 `VehicleInfo` 和一个组件叫做 `TeamLeaderInfo`，分别对应着表格1和表格2，那么你可以这样实现：

import React, { useState } from 'react';
import VehicleInfo from './VehicleInfo';
import TeamLeaderInfo from './TeamLeaderInfo';

function App() {
  const [showVehicleInfo, setShowVehicleInfo] = useState(false);
  const [showTeamLeaderInfo, setShowTeamLeaderInfo] = useState(false);

  return (
    <div>
      <button onClick={() => { setShowVehicleInfo(true); setShowTeamLeaderInfo(false) }}>车辆信息</button>
      <button onClick={() => { setShowVehicleInfo(false); setShowTeamLeaderInfo(true) }}>队长信息</button>

      {showVehicleInfo && <VehicleInfo />}
      {showTeamLeaderInfo && <TeamLeaderInfo />}
    </div>
  );
}

export default App;

在这个例子中，我们使用了两个 boolean 类型的 state，分别控制显示车辆信息和队长信息。当点击按钮时，我们通过 `setShowVehicleInfo` 和 `setShowTeamLeaderInfo` 更新 state 的值。最后，根据 state 的值来决定渲染哪个组件。

这样做的好处是，当 state 更新时，React 会自动重新渲染组件，从而达到切换表格的效果。