Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 在React应用程序中,前端是否接收原始React代码或纯html?_Reactjs - Fatal编程技术网

Reactjs 在React应用程序中,前端是否接收原始React代码或纯html?

Reactjs 在React应用程序中,前端是否接收原始React代码或纯html?,reactjs,Reactjs,浏览器是否接收React代码并在前端将其呈现为纯html,或者React代码在后端呈现为纯html,而浏览器仅从服务器接收此纯html?在未使用的香草React应用程序中,有两个选项: 在构建过程中,将React代码JSX编译为纯JavaScript。例如,将变成React.createElement'h1'。这个构建过程只有在程序员对代码进行更改时才会发生。然后将传输的普通代码发送给客户机。这是迄今为止最常见的技术。 不要预先处理JSX;相反,将其发送到客户端而不做任何更改,并让客户端将JSX

浏览器是否接收React代码并在前端将其呈现为纯html,或者React代码在后端呈现为纯html,而浏览器仅从服务器接收此纯html?

在未使用的香草React应用程序中,有两个选项:

在构建过程中,将React代码JSX编译为纯JavaScript。例如,将变成React.createElement'h1'。这个构建过程只有在程序员对代码进行更改时才会发生。然后将传输的普通代码发送给客户机。这是迄今为止最常见的技术。 不要预先处理JSX;相反,将其发送到客户端而不做任何更改,并让客户端将JSX标记处理为可运行的JavaScript。客户机可以通过处理JSX。这是不寻常的,因为它需要相当多的客户端开销,但偶尔也会像这里的堆栈溢出上的堆栈片段一样有用。 下面是一个使用Babel Standalone纯粹在客户端编译和运行JSX的示例:

常量应用==>{ 返回“应用程序”; }; ReactDOM.render,document.querySelector'.react';
在未使用的应用程序中,有两个选项:

在构建过程中,将React代码JSX编译为纯JavaScript。例如,将变成React.createElement'h1'。这个构建过程只有在程序员对代码进行更改时才会发生。然后将传输的普通代码发送给客户机。这是迄今为止最常见的技术。 不要预先处理JSX;相反,将其发送到客户端而不做任何更改,并让客户端将JSX标记处理为可运行的JavaScript。客户机可以通过处理JSX。这是不寻常的,因为它需要相当多的客户端开销,但偶尔也会像这里的堆栈溢出上的堆栈片段一样有用。 下面是一个使用Babel Standalone纯粹在客户端编译和运行JSX的示例:

常量应用==>{ 返回“应用程序”; }; ReactDOM.render,document.querySelector'.react';