Question

我有一个如下所示的API端点：

{ "backgroundPos" : "center" }

每个登录的用户都会将此端点及其值与其帐户相关联。我想弄清楚的是如何将backgroundPos的值插入<div>，如下所示：

React.createClass({
        var divStyle = {
            backgroundPos: 'center'
        }

        return (
            <li>
                <div style="background-position: {divStyle}></div>
            </li>
        )
    }
});

Answer 1

来自docs：

在React中，内联样式未指定为字符串。相反，它们使用一个对象来指定，该对象的键是样式名称的camelCased版本，其值是样式的值，通常是一个字符串。

所以要设置你要做的背景位置：

<div style={{ backgroundPosition: divStyle.backgroundPos }} />

反应：改变背景位置＆＃39;基于API端点值？

1 个答案: