首页 > 试题广场 >

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

[单选题]

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

  • <h2>Hello World</h2>
  • <input type=”checkbox”/>
  • <div class=”msg-box”>{msg}</div>
  • <label htmlFor=”name”>Leo</label>
  • <div style={{height: 50}}></div>
  • <img src={imgSrc}/>
查看答案及解析
添加回答
柠小哀头像 柠小哀
C
发表于 2019-05-08 21:48:01 回复(0)
半夏微凉￥不言殇头像 半夏微凉￥不言殇
老是，错这个题
发表于 2017-09-12 08:29:07 回复(0)
牛客4615306号头像 牛客4615306号
选c class是js关键字，这里要用className。对于E选项，在jsx中直接写行内样式时不能采用引号，而是style={{color:'red'}}的方式。
发表于 2017-07-22 17:46:14 回复(8)
学习ing111头像 学习ing111
jsx是什么啦
发表于 2017-08-14 19:24:17 回复(9)
.HarryLee头像 .HarryLee
选择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>

发表于 2017-08-16 14:05:06 回复(2)
脱缰的哈士奇～头像 脱缰的哈士奇～
style={{height: 50}} 或者 style={{height: “50px”}} 区分是否是纯数字
发表于 2017-08-11 20:18:29 回复(0)
DkChan1头像 DkChan1
正确答案为C，class为es6关键字，在jsx中需要用className表示html中的class
发表于 2017-08-17 22:13:28 回复(0)
thisisus头像 thisisus
选 c
c. JSX 语法上更接近 JavaScript 而不是 HTML，所以 React DOM 使用 camelCase 来定义属性的名称，而不使用 HTML 属性名称的命名约定
    所以，JSX 里class 变成了 className。参考链接：https://react.docschina.org/docs/introducing-jsx.html
e. React 会自动添加 ”px” 后缀到内联样式为数字的属性后。如需使用 ”px” 以外的单位，请将此值设为数字与所需单位组成的字符串。参考链      接：https://react.docschina.org/docs/dom-elements.html
编辑于 2021-11-23 22:07:24 回复(0)
╰一个执著的小青年╮头像 ╰一个执著的小青年╮
应该是双大括号吧
发表于 2017-07-19 20:49:30 回复(0)
斯丢彼程🍒头像 斯丢彼程🍒
js专项练习为什么把angular 跟react扯进来问一些没用的
发表于 2020-11-18 14:08:13 回复(0)
chrisping头像 chrisping
jsx不是js，是babel转义来的，可参考react框架。
发表于 2018-10-16 09:42:02 回复(0)
前端小白啦头像 前端小白啦
由于 JSX 就是 JavaScript，一些标识符像 class 和 for 不建议作为 XML 属性名。作为替代，React DOM 使用 className 和 htmlFor 来做对应的属性。
发表于 2018-09-08 16:29:52 回复(0)
galorybill头像 galorybill
请问前端必须学jsx吗？
发表于 2018-01-12 21:33:41 回复(0)
牛客958379号头像 牛客958379号
E
发表于 2017-02-04 20:41:40 回复(3)
夜阑酒空人已散头像 夜阑酒空人已散
昨天刚学的class在JSX中要换成className今天就忘了哈哈哈
发表于 2022-02-19 10:21:28 回复(0)
牛客738524581号头像 牛客738524581号
e
发表于 2021-09-07 00:18:44 回复(0)
南城巷陌头像 南城巷陌
在jsx里面,要把class换成className才能正确编译
发表于 2021-05-30 00:38:18 回复(0)
门头沟大师兄头像 门头沟大师兄
在JSX中，要把class换成className才可以编译成功
发表于 2021-03-15 16:07:19 回复(0)
告别海岸头像 告别海岸
E不加单位真的可以吗
发表于 2021-02-27 00:16:15 回复(0)
苏一恒(Mako)b站内推找我头像 苏一恒(Mako)b站内推找我
在JSX中,标签的class属性要写成驼峰式className
发表于 2020-02-19 14:57:49 回复(0)
提交观点

问题信息

2017 前端工程师 阿里巴巴 Javascript
来自：阿里巴巴2017秋招前...
上传者：牛100
难度：
24条回答 8122浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号