草庐IT

react-native-image-crop-picker

全部标签

javascript - react 路由器中的层次结构

我正在学习React,我尝试创建一些路由,我的入口点上有这段代码:importReactfrom'react';importReactDOMfrom'react-dom';import{Router,Route,IndexRoute,Link,IndexLink,browserHistory}from'react-router';importAppfrom'./app/Components/AppComponent';importSupervisoryReportfrom'./app/Components/SupervisoryReportComponent';importTopmen

javascript - 在 react-router 2 中以编程方式重定向到页面

我正在使用react-router-2。我想在成功登录后或执行某些操作后以编程方式重定向到页面。我的路由文件是这样的(routes.js)onEnter钩子(Hook)functionredirectToLogin(nextState,replace){//Performsomeauthenticationcheckif(!loggedIn){replace({pathname:'/login',state:{nextPathname:nextState.location.pathname}});}}functionredirectToDashboard(nextState,repla

javascript - Symfony 和 React 路由器,找不到路由

我正在使用Symfony3,我正在使用React.js创建一个包,并使用自身的react-router。问题是当我在react中使用路由时,如果我重新加载页面,symfony路由模块会发送“找不到路由”我的路由是索引页面的/admin和下一页的/admin/data。当我加载页面/admin时一切正常,我单击链接转到/admin/data,一切正常,react动态发送给我,但现在当我刷新(F5)页面/admin/数据,Symfony拦截它并尝试在其代码中找到路由并重定向到/404“NoRouteFound”。我知道在AngularJs上,框架使用的是ancors路径“localhost

javascript - react : Invoke redirect to page, 并传递参数

我正在构建我的第一个React应用程序。在我的代码中,我使用重定向到另一个页面(一个组件)browserHistory.push(pathToMyComponent)我也尝试过react-routerLink-element。Link元素使我能够将数据传递到目标组件,而无需将其显示在URL中,如下所示:但现在我不想创建链接。相反,我想在按下按钮时执行一些操作,然后使用一些计算数据进行重定向。我该怎么做?编辑:这是我的代码。在登录页面中,用户可以执行facebook登录。我想要的是在登录成功后将用户重定向到大厅。我想将userid传递给大厅。window.scrollTo(0,0)}>这

javascript - 使用 ajax 调用 react 组件 - 生命周期

所以我有一个使用React和Ajax调用的有趣案例。在上下文中,我有一个带有3个选项卡的Accordion。初始化Accordionreact组件后,我首先打开第一个选项卡,其余选项卡关闭。每个选项卡的主体中都有所谓的DictionaryCall组件,如下所示:returnclassDictionaryCallextendsReact.Component{constructor(props){super();this.state={word:'',data:[],error:false,nodata:false,initialLoaded:props.load}}componentDi

javascript - 如何在 React JS 中将一个组件的值发送到另一个组件?

你能告诉我如何在单击按钮时在第二个组件上发送输入字段值吗?我在第一个组件中有一个按钮和输入字段。在单击按钮时我需要将输入字段值发送到第二个组件这是我的代码http://codepen.io/naveennsit/pen/GZbpeV?editors=0010var{Router,Route,browserHistory}=ReactRouterclassFirstextendsReact.Component{sendValue(){browserHistory.push('/second');}render(){return(send)}}classSecondextendsReact

javascript - 如何在 React 组件中渲染 Backbone View ?

我们正在迁移我们的Backbone应用程序以使用React和Redux。我正在使用React/Redux创建一个新功能,但它需要一个当前位于Backbone中的textInputView。这个textInputView非常笨重并且具有高级功能,这使我无法在此时将其移植到React。我需要渲染我的BackboneView并将其作为一个元素放入我的React模块中。我的想法是渲染BackboneView并将其传递到React组件中。然后在我的React组件中创建componentDidMount和componentDidUpdate函数,它们会在每次我的React元素重新呈现时手动将我的B

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?

javascript - 使用 React-router 在 Redux 中间件中获取 url 参数

我想在Redux中间件中提取URL参数,以便分派(dispatch)操作并在有效负载中使用这些值。 最佳答案 为了实现你的目标,你可以使用redux-router此库允许您将路由器状态保存在Redux存储中。因此,获取当前路径名、查询和参数就像选择应用程序状态的任何其他部分一样简单。之后你可以从中间件获取你的参数exportconstsomeMiddleware=store=>next=>action=>{///getparamsletparams=store.getState().router.params;///thendowh

javascript - react native : onPress on component doesn't function

所以我在我的ReactJS应用程序中使用react-native-router-flux进行导航,但我在将它与组件一起使用时遇到了困难。例如,以下代码片段通过在单击链接时推送下一页来完美运行。exportdefaultclassMainMenuPageextendsComponent{render(){return(MainMenuBookmarksSettings);}}虽然以下代码片段在您按下链接时没有任何反应。exportdefaultclassMainMenuPageextendsComponent{render(){return(MainMenu);}}classMenuBu