Question

这是我的代码：

   class Landing extends Component {
  state = {
    box: " width: 300px , height: 100px, border: 1px solid blue; ",
  };


  render() {
    return <div className={this.state.box}>Hello</div>;
  }
}

这个想法是“ Hello”应该放在一个盒子里。

相反，我得到的是一个没有框的网页，只是一个问候。

请帮助。

Answer 1

将className更改为style，然后将box变成真实对象。

class Landing extends Component {
  state = {
    box: {width: '300px', height: '100px', border: '1px solid blue'},
  };


  render() {
    return <div style={this.state.box}>Hello</div>;
  }
}

我正在尝试在React中创建一个框，但是它不起作用

1 个答案: