class是js关键字，jsx中要用className

阅读目录

• Hello World

下面的 JSX 代码中，哪一个无法达到预期的效果？

A

回到顶部

Hello World

B C

{msg}

D Leo E

F

正确答案：C

选c class是js关键字，这里要用className。对于E选项，在jsx中直接写行内样式时不能采用引号，而是style={{color:'red'}}的方式

选择C,在jsx里面,要把class换成className才能正确编译,表示样式.

<script type="text/babel">
      ReactDOM.render(
       <h1 className="aa">菜鸟教程</h1>,
       document.getElementById('example')
      );
</script>

E是对的.
在react里面的jsx,style={ } 里面填写的是一个js对象.其中样式里面可以不写px,然后编译转换的时候会自动加上.
如果要加px,应该是fontSize: '100px',加单引号

<script type="text/babel">
     ReactDOM.render(
      <h1 style = { {
        fontSize: 100,
        color: '#FF0000'
     }}>菜鸟教程</h1>,
      document.getElementById('example')
     );
</script>

__EOF__

本文作者：龙陌
本文链接：https://www.cnblogs.com/longmo666/p/17825947.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！