jjzjj

react-redux-firebase

全部标签

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 - 在 onChange 事件中获取 redux-form 值

在每次表单更新后,从redux-form管理的表单中获取值的正确方法是什么?每次表单更改时,我都需要使用输入到表单中的值来分派(dispatch)一个操作。我当前的解决方案是取出旧值,而不是刚刚更新的值。onFormChange(e){const{fieldValue1,fieldValue2,fieldValue3}=this.props.fields;console.log(fieldValue1.value,fieldValue2.value,fieldValue3.value);}render(){return(//inputshere);}我的另一个解决方案是这个,但我不知道

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 - 在 Firebase 中处理关联帐户

我正在遵循Firebase关于社交登录的说明。下面是我正在使用的示例,从登录身份验证的Angular来看,它一切正常。但是,我有独立工作的Google和Facebook登录。我现在希望能够做的是链接帐户。实际上,您可以在下面看到这可能发生的情况(请参阅评论):Ifyouareusingmultipleauthprovidersonyourappyoushouldhandlelinkingtheuser'saccountshere.我已经尝试了很多我认为应该放在这里的变体,但都无济于事。任何人都可以就他们认为应该放在这里的内容指导我吗?谢谢!functioninitFBApp(){//R

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

javascript - 使用 react.createElement 时如何设置 ref?

我想获取对由我创建的元素表示的组件的引用,但无法使其工作。我试过这个:varcomp=React.createElement(MyComp,{props:myprops,ref:"mycomp"});但这行不通。我如何在其上设置ref以便父级可以调用this.refs.mycomp.someMethod()? 最佳答案 https://facebook.github.io/react/docs/top-level-api.html#react.createelementReactElementcreateElement(string