這篇文章給大家分享的是有關(guān)如何查看react源碼的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、成都做網(wǎng)站、比如網(wǎng)絡(luò)推廣、小程序定制開發(fā)、比如網(wǎng)絡(luò)營銷、比如企業(yè)策劃、比如品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供比如建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

查看react源碼的方法：1、進(jìn)入react官網(wǎng)；2、下載packages文件到本地；3、打開index.js文件即可，該文件就是react源碼的入口文件。我們還可以通過babel將react源碼進(jìn)行轉(zhuǎn)換。

具體方法如下：

一、進(jìn)入官網(wǎng)

https://github.com/facebook/react

二、源碼都在 packages 文件里

https://github.com/facebook/react/tree/master/packages

三、可以將文件下載到本地，這樣看起來會(huì)方便點(diǎn)

四、然后進(jìn)入 pageages/react/index.js 文件里，這個(gè)文件就是react源碼的入口

五、這個(gè)網(wǎng)址可以將react代碼展示為通過babel轉(zhuǎn)換的代碼

https://react.docschina.org/

舉例：

import React, { Component } from "react";
import ReactDOM from "react-dom";
import "./index.css";
 
function FuncCmp(props) {
 return 
name: {props.name}
;
}
 
class ClassCmp extends Component {
 render() {
     return 
name: {this.props.name}
;
 }
}
 
const jsx = (
 

     
我是內(nèi)容
     
     
 
);
 
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" },
 "我是內(nèi)容"
 ),
 " ",
 React.createElement(FuncCmp, { name: "我是function組件"
 }),
 " ",
 React.createElement(ClassCmp, { name: "我是class組件" }),
 " "
);
 
ReactDOM.render(jsx, document.getElementById('root'));

感謝各位的閱讀！關(guān)于如何查看react源碼就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

文章題目：如何查看react源碼-創(chuàng)新互聯(lián)
URL分享：http://weahome.cn/article/deiooi.html