/Test-React

Daily learning react

Primary LanguageJavaScript

##JSX的优点: 1 JSX执行更快,编译为Javascript代码时进行优化。 2 类型更安全,编译的过程如果出错就不能编译u,及时发现错误。 3 JSX编写模板更加简单快速。(但不能跟vue相比)

##注意: 1 JSX 必须要有根节点。 2 正常的普通HTML元素要小写,如果是大写,默认认为是组件。

##JSX的表达式 1 由HTML元素构成 2 中间如果需要插入变量用{} 3 {}中间可以使用表达式 4 {}中间表达式中可以使用JSX对象 5 属性和HTML内容一样都是可以用{}来插入内容

##JSX_Stye样式 1 class,style 中,不可以存在多个clss属性 2 style样式中,如果存在多个单词的组合,第二个单词开始,首字母大写,或者用引号引起来 3 多个类共存的操作 4 注释 {/* */}

##React组件 函数式组件和类组件的区域和使用,函数式比较简单,一般用于静态没有交互事件内容的组件页面。类组件,一般又称为动态组件,那么一般都会有交互或者数据修改的操作。 1 函数式组件 2 类组件 3 复合组件: 组件中又有其他的组件,复合组件中既可以有里类组件,又可以有函数组件。

##React数据传递: 子传父 调用父元素的函数从而操作父元素的数据,从而实现数据从子元素传递只父元素