gpt4 book ai didi

javascript - 为什么在双重网络请求后获取外部 JSX 模板?

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:35:26 25 4
gpt4 key购买 nike

我正在探索 reactjs但我很惊讶地看到这个 Double Network 请求外部 JSX 模板(loginform.js)。

在哪里

index.html

<html>
<head>
<title>Awan Demo</title>
</head>
<body>

Hello Sir!

<script src="../../build/react.js"></script>
<script src="../../build/JSXTransformer.js"></script>
<script type="text/jsx" src="loginform.js"></script>

</body>
</html>

和 loginform.js

/** @jsx React.DOM */
var LoginForm = React.createClass({
render: function(){
return <form id="f_loginform" method="POST">
UserName:<input type="text"/>
Password:<input type="password"/>
</form>;
}
});
React.renderComponent(<LoginForm/>, document.body);

有什么办法可以避免这种双重请求吗?

有关详细信息,请考虑附图:

Screenshot with Chrome-v30

最佳答案

我不明白为什么 Chrome 在看到脚本标签时坚持要获取脚本 <script type="text/jsx" src="loginform.js"></script> .我希望它完全跳过请求,因为它不识别 type .

但是,浏览器内的 JSX 转换器并不是为提高效率而设计的,当您关心速度时,应该避免在生产中使用它(并且您应该会在控制台中看到有关该效果的警告)。相反,当打包和缩小你的 JS 时,你应该将你的 JSX 文件预编译成原始 JS,它可以像任何其他 JS 代码一样被包含进来。有关详细信息,请参阅 Productionizing: Precompiled JSX在 React 网站上。

关于javascript - 为什么在双重网络请求后获取外部 JSX 模板?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19972261/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com