草庐IT

next-redux-wrapper

全部标签

javascript - React redux 应用文件夹结构

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我了解react/redux应用程序的概念。我的问题是,是否有一种首选的方式来布置文件夹结构和文件。在网上对repos进行了大量研究后,似乎每个人的做法都略有不同,具体取决于他们的代码风格。另一方面,Angular似乎有一个集合结构。这是否让React变得更强大,因为您可以根据需求的变化进行微调和调整?社区是否就任何既定模式达成一致?

javascript - 我应该如何将 redux 与不会被重用的嵌套子组件一起使用?

我正在开发一个包含许多子组件的组件,其中一些嵌套有5层。我对使用redux感兴趣,因为它具有在公共(public)状态原子中拥有单一事实来源的优势。我不理解的是智能/dumb组件推荐,以及将提供程序置于主要组件之上并通过props传递所有内容。如果我这样做,那么我需要将Prop一直向下传递到第五个嵌套项,以便它可以进行回调以分派(dispatch)操作或查看仅它需要而不是其父项需要的状态。我知道这是为了代码重用,但子组件永远不会在主组件之外使用。这里推荐的解决方案是什么?还在用Prop?注意:这个库的作者要求我们在StackOverflow上提问。我之所以提到这一点,是因为SO似乎将“

javascript - Jquery Select element 2 positions further - .next().next() 的另一种方式

我正在寻找一种方法来选择一个div元素,该元素不是通过点击功能“选择”的元素的直接下一个元素。(siblings)text现在我想选择ID为“getthisone”的那个-在我的代码中这个ID不可用。所有的div都具有相同的类并且确实有sibling。我可以通过$(this).next().next()选择第三个,但我认为这不是最好的方法。在被点击的那个之前也可以有div-所以它不一定是第一个。我尝试了:nth-child选择器,但没有找到解决方案。稍后我也可能想在单击一个之后选择第13个(或第23个、第65个等等)。这意味着我想对这个问题有一个相当动态的解决方案。谢谢你的帮助,菲尔

javascript - 在 Mobile Safari 下拉列表项选择框上使用 'Next' 时选择/下拉的 onchange() JS 事件的奇怪行为

这很难说清楚,我是移动网络开发的新手,所以请多多包涵:在我的网页上,我有3个嵌套的下拉列表(区域、城镇、街道)。嵌套,每个下拉列表的项目在其上方的下拉列表中的选择发生变化时被修改。例如,选择区域会更改城镇和街道列表,选择城镇会更改街道列表。我在下拉菜单的onchange()javascript事件中使用XMLHTTPRequests来获取和填充其他下拉菜单。这在Android和桌面浏览器上运行良好。在MobileSafari上,当触摸下拉菜单时,会显示一个列表,用户可以在其中选择项目。此外,选择框还有“上一个/下一个/自动填充/完成”按钮,用于导航到其他表单元素。所以用户触摸第一个下拉

javascript - Connect 不能与 Redux-react 中的 StateLess 组件一起使用

我正在从其他组件调度一个Action,并且商店正在使用svgArr属性进行更新,但是尽管以下无状态组件connect'ed到商店,当svgArr的存储更改时,它不会更新。作为无状态组件,它应该如何表现?还是我做错了什么?constLayer=(props)=>{console.log(props.svgArr);return(hi);};connect((state)=>{return{svgArr:state.svgArr};},Layer);exportdefaultLayer; 最佳答案 您似乎正在导出Layer而不是Laye

javascript - 使用 i18next(占位符、值)翻译自定义属性

我正在研究i18next的可能性本地化库。现在我有以下代码(fullFiddleishere):HTMLEngChiJS$(document).ready(function(){i18n.init({"lng":'en',"resStore":resources,"fallbackLng":'en'},function(t){$(document).i18n();});$('.lang').click(function(){varlang=$(this).attr('data-lang');i18n.init({lng:lang},function(t){$(document).i18

javascript - 使用 redux 调用 api 时,componentWillReceiveProps 方法不再运行

我将使用redux调用api:我使用了axios,history,react-redux,react-router-native,react-router,,redux-promise-middleware,redux-thunk组件使用redux进行api调用:我创建了Reducers文件夹,并将我所有的reducer文件放在它们自己的文件中,然后将它们合并到一个主文件中,如下所示这是我的generateoptReducer.js文件:constinitialState={data:{},error:null,status:null};import{generateOTP}from'

javascript - Angular 2 中的 Redux 与服务

我想确保我正确理解了Redux。我的理解是它将存储应用程序(包括所有子系统)的完整状态,例如所有组件的模型以及获取数据和用户生成数据的缓存。这是否意味着我不应该使用服务通过模型的ID加载/保存组件的状态?我正在制作一个测验应用程序,它由测验、类别、问题和选择等组件组成>。目前,每个组件都调用WebAPI来获取数据并维护自己的状态,或者借助于通过id字段跟踪所有内容的服务。我有一个名为AnswerService的专用服务来维护所选选项的状态,其中每个Choice组件在呈现时获取它的状态。迁移到Redux是否意味着所有这些都将移动到存储,并且几乎所有服务都将是无状态的并直接分派(dispa

javascript - 如何在 redux 状态更改时更新组件状态?

因为我有一个带有表单的组件,所以我需要将表单连接到组件状态。初始数据来自Redux,因此尝试通过使用props设置状态来初始化和更新组件:componentWillMount=()=>{this.setState({language:this.props.language||'en'})}language是一个连接的Prop,我检查了它是否在商店中更新。constmapStateToProps=state=>({language:state.language})我也尝试过使用componentWillReceiveProps和componentWillUpdate但它不起作用。我得到初

javascript - React i18next 和更改语言的正确方法

我正在使用React、i18next和i18next-browser-languagedetector开发多语言应用程序。我按以下方式初始化i18next:i18n.use(LanguageDetector).init({lng:localStorage.getItem(I18N_LANGUAGE)||"pt",fallbackLng:"pt",resources:{en:stringsEn,pt:stringsPt},detection:{order:["localStorage","navigator"],lookupQuerystring:"lng",lookupLocalSto