handsonTable/react中通过core怎么给单元格设置样式

在handsontable/react中，你可以通过`CellMeta`属性给单元格设置样式。`CellMeta`是一个包含各种单元格元数据的接口，其中就包括了样式属性。你可以通过`cell`属性定义特定单元格的样式，也可以通过`range`属性定义一系列单元格的样式。

以下是一个简单的示例：

import React, { useState } from "react";
import { HotTable } from "@handsontable/react";
import { registerAllModules } from "handsontable/registry";
import "handsontable/dist/handsontable.full.css";

registerAllModules();

const MyComponent = () => {
  const [hotData, setHotData] = useState([["A1"]]);

  const afterChange = (changes, source) => {
    const [[row, prop, oldVal, newVal]] = changes;
    if (prop === "formattedValue") {
      setHotData(prevData => {
        const data = [...prevData];
        data[row][prop] = newVal;
        return data;
      });
    }
  };

  return (
    <HotTable
      data={hotData}
      licenseKey={"non-commercial-and-evaluation"}
      afterChange={afterChange}
      cell={(instance, td, row, column, prop, value, cellProperties) => {
        if (row === 0 && column === 0) {
          td.style.color = "red";
          td.style.fontWeight = "bold";
        }
      }}
    />
  );
};

export default MyComponent;

在这个示例中，我们设置第一个单元格（A1）的文字颜色为红色，并加粗文字。