Question

我有一个问题就是用反应来设计一个简单的div。

var Wireframe = React.createClass({

  render() {


    var styles = {
      height: 100,
      width: 150,
      color: 'red'
    };

    console.log('style', styles);
    return (
      <div style="{styles}"></div>
    );
  }


});

我不明白为什么。我试图使用React.StyleSheet.create但没有成功。

Answer 1

要将JavaScript表达式用作属性值，you should wrap使用大括号（{}）中的表达式而不是引号（""）

基本语法如下：

<Component propName={propValue} />

Shorthands是：

1-传递字符串：

<Component propName="some-string" />

2-传递true：

<Component propName />

所以，你的代码试图传递字符串＆＃34; {styles}＆＃34;作为预期对象的支柱。相反，你应该

<div style={styles}></div>

或仅内联

<div style={{width: "10px"}}></div>

基本的动力风格

1 个答案: