以下是使用Amcharts4力导向树并通过hooks和API切换节点的示例代码：

import React, { useState } from 'react';
import { useAmcharts4, useForceDirectedTree } from 'amcharts4-react';

const ForceDirectedTree = ({ data }) => {
  const [chart, isLoaded] = useAmcharts4();
  const [chartData, setChartData] = useState(data);

  useForceDirectedTree(chart, chartData);

  const handleClick = () => {
    // 切换节点的API调用逻辑
    const newData = {
      nodes: [
        { id: '1', name: 'Node 1' },
        { id: '2', name: 'Node 2' },
        { id: '3', name: 'Node 3' },
      ],
      links: [
        { source: '1', target: '2' },
        { source: '2', target: '3' },
      ],
    };

    setChartData(newData);
  };

  return (
    

      {isLoaded && (
        <>
          切换节点
          

        
      )}
    
  );
};

export default ForceDirectedTree;

在此示例中，我们首先使用useAmcharts4 hook加载Amcharts4库。然后，我们使用useForceDirectedTree hook将数据和配置应用于力导向树图表。

在点击按钮时，我们使用API调用逻辑更新图表的数据。这里的示例是切换到一个新的节点结构，其中包含3个节点和2个链接。我们使用setChartData函数更新chartData状态，从而触发图表的重新渲染。

最后，我们在组件中返回一个包含按钮和图表div的div元素。在图表div中，我们使用useAmcharts4 hook返回的isLoaded布尔值来检查Amcharts库是否已加载，以防止在库尚未加载时渲染图表。

请注意，你需要将此组件与Amcharts4库一起使用，并根据自己的数据结构和需求进行适当的修改。