美文网首页
jsx特有的属性

jsx特有的属性

作者: DontPushMeForev | 来源:发表于2016-12-23 14:06 被阅读0次

* key

* ref

* dangerouslySetInnerHTML


键(key)

key 是一个可选唯一标识符,他可以帮助react更加智能的决定是否应该重用一个组件,提升渲染性能

引用(ref)

ref允许父组件在render方法之外保持对子组件的引用。

...

render(){

   return <div>

       <input ref="myInput" />

<div>

}

...

可以通过this.refs.myInput获取这个引用,(获取到的是DOM的一个描述对象)。可以使用this.refs.getDOMNode()访问真是的DOM

设置原始的HTML

dangerouslySetInnerHTML--这个属性需要把字符串设置到一个逐渐为html__的对象里如果可以避免使用的话,就不要使用它

...

render(){

let htmlString = {

__html:"<span> an html String </span>

};

return <div dangerslySetINnertml={htmlString}> </div>

}

...

注意:这个属性可能将来会被修改

相关文章

  • jsx特有的属性

    * key * ref * dangerouslySetInnerHTML 键(key) key 是一个可选唯一标...

  • react基础 & API

    一、JSX简介 JSX是一个 JavaScript 的语法扩展。 JSX 特定属性可以通过使用引号,来将属性值指定...

  • Day3. JSX核心语法二, 跟着Demo掌握JSX中的细节

    一. JSX的使用 jsx绑定属性 比如元素都会有title属性 当我们的光标放在titile属性上, 会出现一段...

  • ReactJS自习第叁夜

    jsx 传播属性 spread attribute将单独定义的属性对象变量作为组件的props jsx中写表达式和...

  • 即时通讯系统(一)

    1、JSX简介 jsx本质上还是js,因此遵循驼峰命名的方式 1.jsx属性2.jsx如何防止xss漏洞 Reac...

  • React

    React的Hello World 也可以使用JSX语法实现 JSX特定属性 使用引号,来将属性值指定为字符串字面...

  • 初识React-JSX

    JSX 1.Javascript表达式嵌入到jsx中;html中需要引入js: 2.JSX作为表达式 3.属性指定...

  • (二)React 拆分组件与组件之间的传值

    主要代码:一、TodoList.jsx 二、TodoItem.jsx 总结: 1.父传子:通过标签上的属性的形式传...

  • 《深入React技术栈》笔记

    一、初入React世界 1.2 JSX语法 class 属性修改为className for 属性修改为 htmF...

  • react入门知识点

    1、使用 最后一个 的type属性为text/babel,这样可以在其中应用jsx语法。 2、JSX语法 遇到<开...

网友评论

      本文标题:jsx特有的属性

      本文链接:https://www.haomeiwen.com/subject/cvqtvttx.html