旧版wordpress,百度seo报价,建站公司杭州,桂林北站时刻表JSX理念
jsx在编译的时候会被babel编译为react.createELement方法 在使用jsx的文件中#xff0c;需要引入react。import React from react jsx会被编译为React.createElement,所有jsx的运行结果都是react element
React Component
在react中#xff0c;常使用…JSX理念
jsx在编译的时候会被babel编译为react.createELement方法 在使用jsx的文件中需要引入react。import React from react jsx会被编译为React.createElement,所有jsx的运行结果都是react element
React Component
在react中常使用classComponent和FunctionComponent来构建组件
class AppClass extends React.Component {render() {return pclasscomponent/p }
}
function AppFunc() {return pFunctionComponent/p
}ClassComponent 对应的element的type为appclass functioncomponent对应的element的type字段为appfunc本身。 所以无法通过引用类型区分ClassComponent和FunctionComponent。React通过ClassComponent实例原型上的isReactComponent变量判断是否是ClassComponent。
jsx和fiber节点
jsx是描述组件当前内容的数据结构不包含schedulereconcilerender所需要的信息。这些内容包含在fiber节点中所以在组件mount的时候reconciler根据jsx描述的组件内容生成组件对应的fiber节点。在update时reconciler将jsx和fiber节点保存到数据对比生成组件对应的fiber节点并根据对比结果为fiber节点打标记。
