您需要使用template literals。

border: `2px solid ${theme.palette.primary.main}`

如何访问theme对象取决于代码的其余部分。在函数组件中，它可能看起来像这样：

const useStyles = makeStyles(theme => ({
  /// your style declarations
})

请参考documentation以了解其他示例。

您可以在useTheme组件中使用已定义的主题：

import React from "react";
import { useTheme } from '@material-ui/core/styles';

export default function YourComponent() {
  const theme = useTheme();

  return (
      <div style={{
        width: '200px',
        background: '#D3D3D3',
        height: '200px',
        border: `2px solid ${theme.palette.primary.main}`,
      }}>Div with themed border color</div>
  );
}

发现它在这里工作：https://codesandbox.io/s/laughing-rain-5iwbq