草庐IT

react-templates

全部标签

javascript - 运行 React App 时找不到模块 '@babel/plugin-transform-react-jsx-source'

我刚刚使用create-react-appaquastars创建了一个React应用程序,然后使用yarnruneject弹出依赖项,当我运行该应用程序时,我得到以下信息错误。Cannotfindmodule'@babel/plugin-transform-react-jsx-source'我什么都没做!我需要做什么才能启动并运行它?任何帮助将不胜感激。 最佳答案 solutionby@xiaobo实际上对我来说是不够的。将expo升级到v32后,我花了一段时间才弄清楚这一点,所以这就是我所做的,以防其他人遇到同样的问题。(来自ex

javascript - 如何使用 react-bootstrap 创建动态下拉列表

例子code在react-bootstrap站点中显示以下内容。我需要使用数组来驱动选项,但我找不到可以编译的示例。select(multiple)... 最佳答案 可以从这两个函数入手。第一个将根据传递给页面的Prop动态创建您的选择选项。如果它们映射到状态,则选择将重新创建自己。createSelectItems(){letitems=[];for(leti=0;i{i});//hereIwillbecreatingmyoptionsdynamicallybasedon//whatpropsarecurrentlypassedt

javascript - 如何在单击按钮时打印 React 组件?

如何在单击按钮时只打印一个组件。我知道这个解决方案:window.frames["print_frame"].window.focus();window.frames["print_frame"].window.print();$('.print_frame').remove();但是React不想使用框架。有什么解决办法吗?谢谢。 最佳答案 客户端有两种解决方案。一个是像你发布的框架。不过,您可以使用iframe:varcontent=document.getElementById("divcontents");varpri=do

javascript - JSX 中的动态 href 标签 React

//ThisJavascripttaggeneratescorrectlyReact.createElement('a',{href:"mailto:"+this.props.email},this.props.email)但是,我很难在JSX中重新创建它{this.props.email}//=>href标签认为{this.props.email}是一个字符串,而不是动态输入{this.props.email}的值。关于我哪里出错的任何想法? 最佳答案 它返回一个字符串,因为您将它分配给一个字符串。你需要将它设置为一个动态属性,在

javascript - 无法使用 React.findDOMNode 函数

出于某种原因,我无法使用React.findDOMNode函数。浏览器提示类型错误,说React.findDOMNode不是函数。这是发生这种情况的代码:varReact=require('react');varBackbone=require('backbone');varCar=require('models/car');varNewCarForm=React.createClass({handleSubmit:function(e){e.preventDefault();varbrand=React.findDOMNode(this.refs.brand).value.trim(

javascript - 修复后的 Meteor-React 错误 : Target Container is not a DOM element,

我从以下位置复制并粘贴代码:https://stackoverflow.com/questions/41514549/然后,我修复错误并通过“id”更改“class”,这样:ma​​in.htmlReactMeteorVotingma​​in.jsximportReact,{Component}from'react';import{Meteor}from'meteor/meteor';import{render}from'react-dom';Meteor.startup(()=>{render(,document.getElementById('render-target'));})

javascript - 将样式 "cursor: pointer"应用于所有具有 onClick 功能的 React 组件

我想将样式cursor:pointer应用于所有具有onClick函数的React元素。我知道我可以对每个元素都这样做:Clickme或者这个:Clickme但我更愿意做这样的事情来将样式应用到所有元素:[onclick]{cursor:pointer;}但这行不通,因为在使用React的onClick属性时,元素呈现的HTML中没有实际的onclick属性。fiddle:https://jsfiddle.net/roj4p1gt/ 最佳答案 我不确定是否有一种好的方法可以自动执行此操作,而无需使用某种机制来拦截React元素的创建

javascript - Babel 6 react JSX 转换器 - 禁用严格

问题我正在使用babel6进行ReactJSX转换。但是我没有使用react预设,我只使用“transform-react-jsx”插件(并尝试禁用严格模式选项),这是我的.babelrc{"plugins":[["transform-react-jsx"]],"sourceMaps":true,"strictMode":false}但是我需要一个使用“with”(不受我控制)的第三方javascript,它会发出以下错误:[SyntaxError:foo.js:'with'instrictmode..]所以我需要禁用严格模式,这与thisissue的问题相同但是我没有使用es6/es

javascript - 使用 React Native Router Flux 的合成场景栈(历史)

有没有办法用ReactNativeRouterFlux综合定义场景堆栈(历史)?假设我有一个应用程序,用户可以在其中自然地从A–>B–>C进行导航。我想在场景C上启动应用程序,它具有与自然行为相同的历史记录(A->B->C),因此用户从最初打开场景C。编辑:我想这应该可以通过使用ReduxPersist以某种方式实现,但我发现这与issue相关. 最佳答案 我设法用一个假的空初始场景来做到这一点。这是一个非常hacky的解决方案,从C到B的动画仍然无法正常工作。importReact,{Component}from"react";i

javascript - 如何在 Istanbul 尔覆盖 React jsx 文件?

我正在尝试集成我现有的测试流程以包括React,但我在代码覆盖率部分苦苦挣扎。通过遵循此项目/教程-https://github.com/danvk/mocha-react,我已经能够让我的单元测试正常工作-http://www.hammerlab.org/2015/02/14/testing-react-web-apps-with-mocha/我一直在使用Istanbul来覆盖我的节点代码,它运行良好。但是,我无法让它覆盖我在测试中使用的jsx文件。这是一个现有的Istanbul任务的示例,它在vanillajs(节点后端代码)上也运行良好varmocha=require('gulp