l老师,课上说的JSX里面 不能写普通的JS注释,但是我这里为什么没有报错呢?

来源:2-12 更多 JSX 语法细节(2)

墨莫

2021-04-20 07:50:59

相关代码:

render() {
return (
<Fragment>
<h1>TodoList</h1>
<label htmlFor="myInput">请输入内容</label>
<input
id="myInput"
value={this.state.inputValue}
//
// onChange={this.handleInputChange.bind(this)}
// onKeyUp={this.handleKeyUp.bind(this)}
onChange={this.handleInputChange}
onKeyUp={this.handleKeyUp}
/>
<ul>{this.getListItems()}</ul>
</Fragment>
);
}

生成的网页 也是看不到注释的

相关截图:

http://img.mukewang.com/climg/607e171c09c5af6505130258.jpg

注释不用花括号包裹 就像我上面那样包裹有什么问题吗?

相关截图:

http://img.mukewang.com/climg/607e17420915662805980405.jpg

写回答

1回答

好帮手慕慕子

2021-04-20

同学你好,老师的意思JSX语法中规范的注释写法是{/**/},不能直接写普通的js注释,是因为所有注释的内容会被展示在页面中,而不是说会报错,示例:

http://img.mukewang.com/climg/607e4d5a090f501606440410.jpg

js普通注释的写法直接显示在页面中了

http://img.mukewang.com/climg/607e4d6409d9d0d605060079.jpg
同学的代码是针对标签上的属性进行注释,比较特殊,只能使用普通的js注释,不可以使用{/**/}这种注释,否则代码会报错。示例:

http://img.mukewang.com/climg/607e502e098f58f706310364.jpg

http://img.mukewang.com/climg/607e509109a17ca606720236.jpg

这里作为一个特殊知识点,特殊记忆一下即可。

祝学习愉快~

0

0 学习 · 15276 问题

查看课程