这篇文章给大家分享的是有关如何查看react源码的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。
查看react源码的方法：1、进入react官网；2、下载packages文件到本地；3、打开index.js文件即可，该文件就是react源码的入口文件。我们还可以通过babel将react源码进行转换。
具体方法如下：
一、进入官网
https://github.com/facebook/react
二、源码都在 packages 文件里
计算
安全
数据库
网络和加速
企业服务
https://github.com/facebook/react/tree/master/packages三、可以将文件下载到本地，这样看起来会方便点
四、然后进入 pageages/react/index.js 文件里，这个文件就是react源码的入口
五、这个网址可以将react代码展示为通过babel转换的代码
https://react.docschina.org/
举例：
import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./index.css";
function FuncCmp(props) {
return <div>name: {props.name}</div>;
}
class ClassCmp extends Component {
render() {
return <div>name: {this.props.name}</div>;
}
}
const jsx = (
<div>
<p>我是内容</p>
<FuncCmp name="我是function组件" />
<ClassCmp name="我是class组件" />
</div>
);
ReactDOM.render(jsx, document.getElementById("root"));babel编译后：
function FuncCmp(props) {
return React.createElement(
"div",
null,
"name: ",
props.name
);
}
class ClassCmp extends React.Component {
render() {
return React.createElement(
"div",
null,
"name: ",
this.props.name
);
}
}
let jsx = React.createElement(
"div",
null,
" ",
React.createElement(
"div",
{ className: "border" },
"我是内容"
),
" ",
React.createElement(FuncCmp, { name: "我是function组件"
}),
" ",
React.createElement(ClassCmp, { name: "我是class组件" }),
" "
);
ReactDOM.render(jsx, document.getElementById('root'));感谢各位的阅读！关于如何查看react源码就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
