jssPreset在这个CodeSandbox中的文档在哪里？我没找到

Question

import { jssPreset, StylesProvider, makeStyles } from '@material-ui/core/styles';

jssPreset的这个CodeSandbox文档在哪里？我不知道那是什么意思。我想查一下文件，但找不到。

Answer 1

我不认为目前有任何关于jssPreset的专门文档，尽管JSS插件文档展示了一个使用它的例子。

当没有显式地记录某些内容时，下一个要查看的地方是源代码。查看jssPreset源代码，您会发现这将返回一个JSS配置对象，该对象包含Material使用的所有JSS插件。

如果您寻找它的用途，您会发现它习惯了创建默认的JSS实例。

链接到的沙箱包含以下代码：

import jssTemplate from 'jss-plugin-template';

const jss = create({
  plugins: [jssTemplate(), ...jssPreset().plugins],
});

function StringTemplates() {
  return (
    <StylesProvider jss={jss}>
      <Child />
    </StylesProvider>
  );
}

这是使用jssPreset获取Material中包含的默认插件集，然后再向列表(jssTemplate)中添加一个插件，然后通过StylesProvider指定使用新的JSS配置。

您可以在JSS文档中找到可用的JSS插件列表：https://cssinjs.org/plugins?v=v10.0.0#jss-plugins。