草庐IT

react-router-domV

全部标签

javascript - 如何使用 React Apollo 2.1 的 Mutation 组件在 mount 上运行突变?

我们目前正在从Relay移动至ReactApollo2.1我正在做的事情似乎有问题。上下文:某些组件必须仅在用户通过身份验证(通过APIkey)时呈现,因此有一个Authenticator组件保护树的其余部分。在App.js中,它是这样使用的(显然下面的所有片段都是最小示例):importReactfrom'react';importAuthenticatorfrom'./Authenticator';importMyComponentfrom'./MyComponent';exportdefaultfunctionApp({apiKey}){return({if(error)retu

javascript - Angular UI-Router $urlRouterProvider .当不再工作时*

问题:为什么.when()不会在我的$urlRouterProvider还要上类吗?我选择了一个相当强大的Angular应用程序。我一直试图解决的最近一个问题是“页面刷新时丢失用户凭据”问题。当我拿起这个项目的auth服务时并没有多大意义,在仔细研究之后我了解到它是由几页随机代码组合在一起的。它也没有完全工作,所以我研究了不同的来源并决定完全实现其中之一(angular-client-side-auth)现在,我实现的身份验证服务/Controller基本上与angular-client-side-auth中的相同,但是我工作的站点使用基于token的身份验证。token功能已经基本到

javascript - react 中没有构造函数的初始状态

importReact,{Component}from'react';classCounterextendsComponent{state={value:0};increment=()=>{this.setState(prevState=>({value:prevState.value+1}));};decrement=()=>{this.setState(prevState=>({value:prevState.value-1}));};render(){return({this.state.value}+-)}}通常我看到的是,如果他使用es6类,人们会在构造函数中执行this.s

javascript - 向 React(create-react-app) 添加静默更新入口点

我有一个使用create-react-app创建的React应用程序模块。我最近被客户要求与oidc集成。为此,我使用redux-oidc,因为我已经在我的应用程序中使用了redux。我们设法将我的应用程序集成到他们的身份服务器中,我能够登录并获取存储在redux中的用户token。问题是我正在努力设置silentrenew在我的create-react-app应用程序中,因为我必须添加一个额外的入口点。有没有办法在不弹出create-react-app的情况下向silent_renew/index.js添加一个额外的入口点?目前我创建了一个名为silent_renew的文件夹,其中包

javascript - 我在哪里初始化 React 应用程序中的 Firebase 应用程序?

我正在尝试将Firebase集成到我的React应用程序中,在查看了各种教程之后,我似乎无法就将firebase初始化代码放在何处达成共识firebase.initializeApp(config).我的应用程序的结构是这样的:-app.js-components|___Index.jsx|___Layout.jsx|___PageContent.jsx每个文件如下所示app.js是否使用服务器端渲染进行所有快速设置索引.jsximportReactfrom'react';importLayoutfrom'./Layout.jsx';importPageContentfrom'./Pa

javascript - 如何在 React 中使用新的 Feature Hooks?

我刚刚阅读了有关React的新功能钩子(Hook)的信息。Readabouthooks但我无法使用它。它给我错误。我目前使用的是16.6.0版本我终于明白了钩子(Hook)。importReact,{useState}from'react';constFun=()=>{const[count,setCount]=useState(0);return(Youclicked{count}timessetCount(count+1)}>Clickme);}exportdefaultFun;我导入为Fun并在我的app.js文件中使用我犯的错误是我没有安装Reactv16.7.0-alpha,

javascript - '错误 : Unknown named module', 从动态路径加载 react-native 图像

当我在React-native中使用图像组件时,当我将图像的路径/源声明为内联字符串时它工作正常:但是当我将路径定义为这样的变量时:varimg='mypic.png';...它不起作用。错误消息是“错误:未知命名模块‘mypic.png’”我有很多图像,我需要动态地要求它们。手工导入语句太多了,一一要求。即使使用像这样的简单切换,它的效率也要低得多:varicon=this.props.active?require('./my-icon-active.png'):require('./my-icon-inactive.png');人们通常如何解决可变图像的动态加载?

javascript - React - 如何确定组件是否是无状态/功能性的?

我有函数式/无状态组件和继承自React.Component的组件:constComponent1=()=>(Hello)classComponent2extendsReact.Component{render(){return(Hello)}}如何确定组件是否是无状态的?有什么官方途径吗?isStateless(Component1)//trueisStateless(Component2)//false 最佳答案 你可以检查它的原型(prototype),例如:functionisStateless(Component){ret

javascript - 在 React 中使用钩子(Hook)创建事件处理程序的正确方法?

在典型的基于类的React组件中,这就是我创建事件处理程序的方式:classMyComponentextendsComponent{handleClick=()=>{...}render(){returnClickMe;}}但是,当我使用基于钩子(Hook)的函数式范例时,我发现自己有两个选择:constMyComponent=()=>{const[handleClick]=useState(()=>()=>{...});returnClickMe;};或者:constMyComponent=()=>{consthandleClick=useRef(()=>{...});returnC

javascript - 是 var { Route, Redirect, RouteHandler, Link } = Router;在 Javascript 中有效吗?

这个问题在这里已经有了答案:Javascriptobjectbracketnotation({Navigation}=)onleftsideofassign(5个答案)关闭7年前。这在Javascript中是什么意思?我在react-router示例中找到了这个var{Route,Redirect,RouteHandler,Link}=Router;通过browserify运行时出现以下错误。"UncaughtSyntaxError:Unexpectedtoken{"https://github.com/rackt/react-router/blob/master/examples/d