课程 在 React 中添加内联样式

Tell us what’s happening:
Describe your issue in detail here.

  **就是通过不了,编辑器样式已经显示出来了**

// 修改这行上面的代码
class Colorful extends React.Component {
render() {
  // 修改这行下面的代码
  const styles = { color: 'purple', fontSize: 40, border: '2px solid purple' }
  return (
    <div style={styles}>Style Me!</div>
  );
  // 修改这行上面的代码
}
};
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.93 Safari/537.36

Challenge: 在 React 中添加内联样式

Link to the challenge:

const styles = {
      color: 'purple',
      fontSize: 40,
      border: '2px solid purple'
}
// 修改这行上面的代码
class Colorful extends React.Component {
render() {
  // 修改这行下面的代码
  return (
    <div style={styles}>Style Me!</div>
  );
  // 修改这行上面的代码
}
};

已经解决了,把styles常量放在组件外面就可以了