Question

我正在尝试创建一个使用React-JSS样式的简单组件：


import React from 'react';
import { createUseStyles, useTheme } from 'react-jss';

import { useSessionState, useSessionDispatch } from '../../../contexts/SessionContext';

const useStyles = createUseStyles({
  messageSuccess: {
    backgroundColor: 'green'
  }
});

const SystemMessage = () => {
  const dispatch = useSessionDispatch();

  const theme = useTheme();
  const classes = useStyles({theme});

  return (
    <div className={classes.messageSuccess}>
      abcd
    </div>
  );
}

export default SystemMessage;

运行它时，我收到此消息：

TypeError: Object(...) is not a function
const useStyles = createUseStyles({

我在做什么错了？

Answer 1

您应该将react-css版本更新为10.0.0

尝试使用React-JSS创建简单的组件

1 个答案: