React属性用法总结

Posted mengff

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React属性用法总结相关的知识,希望对你有一定的参考价值。

1. 键值对

<ClaaNameA name = “Tom” />
<ClaaNameA name = {Tom} />
<ClaaNameA name = {“Tom”} />
<ClaaNameA name = {[1,2,3]} />//数组
<ClaaNameA name = {FunctionNAme} /> //定义一个函数

2. 展开属性

<ClassNameB {…props} />

其中props是一个对象:

var props = {
    name: ‘mengff‘,
    age: 30
}

3. setProps方法从外表设置属性

var component = React.render(‘<ClassNameC></ClassNameC>‘,document.body);
component.setProps({name:‘mengff‘});

 

 

 

 

出处:https://www.cnblogs.com/daomul/p/4853637.html

以上是关于React属性用法总结的主要内容,如果未能解决你的问题,请参考以下文章

回归 | js实用代码片段的封装与总结(持续更新中...)

Java习惯用法总结

React Context用法总结

查看发票组代码后的总结和有感

已解决在react+ts中 atnd 用 upload 组件报错Failed to execute ‘readAsArrayBuffer,param 1 is notof type Blob(代码片段

已解决在react+ts中 atnd 用 upload 组件报错Failed to execute ‘readAsArrayBuffer,param 1 is notof type Blob(代码片段