草庐IT

react-native

全部标签

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 - 我应该在域之后还是在应用程序 View 之后构建 Redux 商店?

我正在努力思考Redux以及如何在ReactNative应用中实现它。我明白了总体思路,我喜欢它。但我不太确定如何构建我的商店。我将尝试使用应用中的两个场景举例。项目列表屏幕:使用ListView组件构建的项目列表。每行公开每个项目对象的大约5个字段。项目屏幕:显示特定项目的所有字段的ScrollView。项目对象可能非常大而且不是完全平坦的。例如,它包含一个指向图像的UUID数组。那么,我应该有一个reducer来处理完整的“项目”,还是应该有一个用于ProjectList和一个用于Projects的reducer?IE。我应该考虑真实域还是应用中的View/屏幕?我怀疑答案是模仿域

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

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

javascript - 在 React JS 中需要带有变量的文件

我正在尝试要求一个路径中带有变量的文件。有点像constlangCode=this.props.langCode;//enletlanguageFile=require('../common/languages/'+langCode);langCode可以是fr、en、de、nl。因此,我想要得到的是例如require('../common/languages/en');当我在末尾不带变量的情况下键入它时,require('../common/languages/en');效果很好。但是当我尝试使用require('../common/languages/'+langCode);时它不

javascript - 如何将拖放事件监听器附加到 React 组件

我正在构建一个允许将本地文件拖放到div上的组件。然后会输出有关已删除文件的信息。我的问题是在创建组件时我不知道如何正确附加事件监听器drop和dragover。我的App组件是我所有逻辑所在的地方(拖放和拖动的处理程序),我创建了一个单独的组件,文件将被放置在该组件上-dropZone组件。我尝试使用componentDidMount将事件监听器放在我的App组件上的dropZone标记上,如果我的dropZone组件已呈现,则在其上放置一个事件监听器:componentDidMount(){constdropZone=document.getElementById('dropZon

javascript - React-router 不通过输入 onBlur 事件更改路由

我正在为一个应用程序使用React、Redux和ReactRouter,但在使用onBlur输入事件和路由更改时遇到了问题。我有一个显示内部链接列表的“SearchResults”组件。SearchResults仅在状态searchActive为真时显示。{props.searchActive?:props.children}SearchResults有一个循环呈现的链接列表...{r.name}搜索输入(另一个独立组件)在onFocus事件和期间将searchActive设置为true对于onBlur事件为false。{//dispatchReduxaction(set"search

javascript - 在 React 的 onClick 中传递 undefined 是否安全?

在React的onClick处理程序中传递undefined是否安全?我刚刚尝试过,一切仍然有效,但我在文档中找不到任何相关内容。例子:functionMonthBar(props){/*isitokaywhenprops.onClick===undefined?*/return{props.monthName};}MonthBar.propType={onClick:React.PropTypes.func,//optionalmonthName:React.PropTypes.string.isRequired}; 最佳答案 将

javascript - Redux-saga 不等待 API 的响应

我使用redux-saga并创建了一个生成器checkUsername来执行API调用。虽然constusername将等于来自API的响应,但我有undefined。function*checkUsername(action){try{constusername=yieldcall(Api.checkUsername,action.username);yieldput({type:actions.USERNAME_CHECK_SUCCEEDED,username});}catch(e){yieldput({type:actions.USERNAME_CHECK_FAILED,mess