react语法

本文介绍了在JSX中编写注释的两种方式,以及如何处理JS表达式和React中class与className的区别。在TodoList场景下,展示了如何显示HTML文本而不渲染标签。此外,讨论了jsx中for与htmlFor的用法,以及如何实现光标聚焦。最后,强调了父子组件间数据传递的单向性,以及调用父组件方法的必要性。
摘要由CSDN通过智能技术生成
  • 在jsx中编写注释
    {/* 注释说明 */}
    {
    // 这样也行
    }
    在jsx中要写js表达式的话,需要放到{}花括号中
  • react中认为class是一个类,所以写样式的时候,class应该替换成为className
  • 在todoList逻辑中,如果输入的是<h1>hello<h1>这样的文本,想让他直接出来大写的hello,而不是<h1>hello<h1>,可以这样做!
(<li key={index} dangerouslySetInnerHTML = {{ __html: item }}></li>)

使用dangerouslySetInnerHTML 属性时,标签中间不应该有任何内容,包括空格

  • 光标聚焦
 <label for="inserArea">输入内容</label>
        <input className="input" id="inserArea">

但是在jsx中,for可能会被误认为是循环的for,所以要替换成htmlFor

  • 父子组件之间传递数据是单向数据流,子组件想要修改父组件的数据,应该去调用父组件的方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值