在基于react的Office外接程序中引用office-js

npm install --save @microsoft/office-js

yarn add @microsoft/office-js

import React, { useEffect } from 'react';
import * as Office from '@microsoft/office-js';

const MyOfficeAddin = () => {
  useEffect(() => {
    // 初始化Office.js
    Office.onReady((info) => {
      console.log(info);
      // Office.js 已经加载完成，可以在这里调用Office.js的API
    });

    // 清理函数
    return () => {
      // 可以在这里执行清理工作，如果有的话
    };
  }, []);

  const someFunction = async () => {
    try {
      // 调用Office.js的某个API，例如获取当前文档的标题
      const documentTitle = await Office.context.document.getPropertyAsync('title');
      console.log('Document title:', documentTitle.value);
    } catch (error) {
      console.error('Error calling Office.js API:', error);
    }
  };

  return (
    <div>
      <h1>My Office Add-in</h1>
      <button onClick={someFunction}>Get Document Title</button>
    </div>
  );
};

export default MyOfficeAddin;