我试着这样做:

var MyReactClass = React.createClass({
    render: function() {
        var myDivText = "Hello!";
        var myFontSize = 6; //this is actually something more complicated, I'm calculating it on the fly
        var divStyle = {
            font-size: {fontSize + 'px !important;'},
        };
        return (<div style={divStyle}>{myDivText}</div>);
   }
});

问题是,我在运行代码时出现了以下错误:

谢谢

推荐答案

使用fontSize而不是font-size

解决方案是使用通常包含破折号的camelCase属性

http://facebook.github.io/react/tips/inline-styles.html

回答了我自己的问题:)

Reactjs相关问答推荐

使用React.lazy组件防止 children 在数据更改时重新加载

如何使用React Router创建响应式主详细信息应用程序?

Firebase删除UserWithEmail AndPassword仅创建匿名用户

如何在关闭和打开此 Select 输入时应用旋转效果?

如何将Redux工具包添加到expo (SDK 50)项目?

面对动画警告:未指定`useNativeDriver`.这是必需的选项,并且必须在REACT本机中显式设置为`true`或`False`

子路径上未定义useMatches句柄

在ReactJS的monaco编辑器中添加美人鱼语法

Gitlab CI和VITE环境变量出现问题

如果我使用 formik,如何在嵌套对象中写入正确的值?

ReactJS 共享上下文

为 Next.js 应用程序目录中的所有页面添加逻辑的全局文件是什么?

在react的useEffect钩子中,我的函数被调用,但只有第一个函数能够改变状态,第二个函数无法改变状态.

React Js和Firestore中如何将当前ID与集合中的ID查询以仅显示具有相似字段和值的文档-第二部分

如何实现 redux 工具包来注册用户?

如何禁用 redux-toolkit 的不可序列化值测试警告?

使用 Vite 的 React 中的路由无法正常工作(构建中)

将复杂状态和 setState 传递给更简单的 api

如何避免在 react useEffect 上滚动时出现小的延迟?

使用 React 中的功能组件更改另一个组件的状态