jjzjj

language-jsx

全部标签

javascript - 如何让 react-native 启用对 JSX(扩展)文件的支持

ReactNative应用无法解析组件。我正在尝试在App.js中导入和呈现Test.jsx。我收到以下错误-error:bundlingfailed:Error:Unabletoresolvemodule`./screens/Test`fromApp.js`:Themodule`./screens/Test`couldnotbefoundfromApp.js.Indeed,noneofthesefilesexist项目经理(或文件)看起来像这样-Test.js代码-importReact,{Component}from'react';import{View,Text,StyleShe

javascript - React - jsx --watch 在第一次转换后什么都不做

我不能在浏览器中使用JSXTransformer.js甚至用于开发,因为我正在使用require.js加载模块。当我运行jsx--watchsrc/build/时,实际上只对src目录中的文件执行了一次jsx->js转换,但是随后,如果我更改src目录中的任何文件,什么也没有发生,也没有翻译jsx->js(就像jsx--watch没有'我没有注意到任何变化)。 最佳答案 我也是这样。试试这个命令行:jsx--watch-xjsxsrc/build/ 关于javascript-React-

javascript - "script type"和 "script language"声明之间的区别

声明之间有什么重要区别吗?和?(请注意,我不是在询问这些声明,而是空白的“”标签) 最佳答案 使用或者简单地(如果省略,type是相同的)。不要使用;language属性已弃用。 关于javascript-"scripttype"和"scriptlanguage"声明之间的区别,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8734372/

javascript - 在 JSX 中返回多个元素

如果用户未登录,我会尝试返回两个链接。像这样:{if(this.state.user){Logout}else{LoginRegister}}我知道我可以用三元运算符来做到这一点:{this.state.user?Logout:Login}问题是我想呈现两个NavItems。我看到我可以用一个函数来做,但是当我尝试用这样的函数来做时:myFunction(){return(ZalogujsięZalogujsię)}它告诉我第二个元素无法访问并且中断了。那么如何返回两个元素呢?将代码字符串化没有帮助 最佳答案 如果您使用的是Reac

javascript - 如何在 React JSX 中除最后一个元素之外的每个元素之后在 array.map 中添加一个逗号

如何在数组的每个元素之后添加一个尾随逗号以制作如下列表:INV,INV,INV,INV注意最后一个元素没有尾随逗号当前使用array.map迭代列表:varList=React.createClass({render:function(){return({this.props.data.map(function(item){return{item};})});}});vardata=["red","green","blue"];React.render(,document.body); 最佳答案 如评论所述,您可以使用:array.

javascript - 切换到 Preact 时我的 React 库中的 JSX 出错

我有一个非常简单的React库,用于我自己的状态管理。它只是一个高阶组件:importReactfrom'react';/****@param{Object}state-ReferencetoSubStateinstance*@param{Object}chunk-objectofpropsyouwantmapstofromstatetoprops*/constconnect=(state,chunk)=>Comp=>props=>{constnewProps={};for(letkeyinchunk){newProps[key]=state.getProp(chunk[key]);}

javascript - babel-node 无法在 node_modules 中要求 jsx 文件

我知道babel-node忽略node_modules默认情况下,所以我运行了三种不同的方式来覆盖它,但都失败了:跑了babel-nodeapp.js与.babelrc:{"presets":["es2015","react"],"only":["app","node_modules/react-components"]}结果:SyntaxError:Unexpectedtoken对于所需的jsxNode模块跑了babel-nodeapp.js与.babelrc:{"presets":["es2015","react"],"ignore":"node_modules\/(?!react

javascript - 安装 Babel 以与 React 和 JSX 一起使用

我是React、Babel和JSX的新手。我正在尝试弄清楚如何安装Babel,以便它可以在浏览器中使用React和JSX“做正确的事”。但是,Babel的文档假定我已经了解整个NPM/Node+许多其他包管理器+框架生态系统,而我并不了解。对于只想使用Babel为React应用程序编译JSX的人,是否有任何文档?我想学习如何在我的机器上(而不是在托管站点上)执行此操作,但似乎那里的初学者文档为零。似乎这些部分的各种版本不再协同工作,所以我对我需要什么感到有点困惑。到目前为止,我已经下载了React16.2,并使用npm安装了Babelnpminstall--save-devbabel-

javascript - 如何在 React jsx 中有一个外部 JSON 配置文件

我想在我基于React的项目中有一个外部配置文件(JSON)。这是最终结果,或者当我交付它(公用文件夹和bundle.js)时,我的配置文件也应该被提供。用户应该能够根据自己的意愿更改配置并使用我的应用程序。那是没有重新编译我的代码的人应该能够使用它。换句话说,配置文件不应与我的应用捆绑在一起。 最佳答案 接受的答案可能有效。但是,为什么要搞得这么复杂呢?第一步。创建文件Config.js,包含内容varConfigs={prop1="abc",prop2="123"}步骤#2。通过脚本标签加载index.html中的文件。步骤#3

javascript - 在 JSX 中使用 React.cloneElement()

我想知道如何在JSX中使用cloneElement语法。我阅读了文档并尝试了示例,但仍然没有任何线索。classABCextendsReact.Component{constructor(props){super(props)}render(){return({React.cloneElement()})}} 最佳答案 根据documentation:CloneandreturnanewReactelementusingelementasthestartingpoint.Theresultingelementwillhavetheo