在使用ag-Grid React时，可以通过设置autoSizeColumns()方法来自动调整列宽度。以下是一个示例代码：

import React, { useEffect, useRef } from 'react';
import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

const GridExample = () => {
  const gridRef = useRef(null);

  useEffect(() => {
    if (gridRef.current) {
      gridRef.current.api.sizeColumnsToFit();
    }
  }, []);

  return (
    

      
    
  );
};

export default GridExample;

在上面的示例中，我们创建了一个GridExample组件，并使用useRef创建了一个引用gridRef。然后，在组件的useEffect钩子中，我们在组件初始化时调用了autoSizeColumns方法，该方法会根据内容自动调整列宽度。在AgGridReact组件中，将ref属性设置为gridRef，以便我们可以在useEffect中访问到ag-Grid的API。

请注意，此示例中使用的是ag-theme-alpine样式主题，你可以根据自己的需求更换为其他主题。另外，columnDefs和rowData是用于定义列和数据的示例数据，你可以根据实际情况进行修改。