草庐IT

React-Router-Redux

全部标签

javascript - react | Ant design 选择默认值

我正在使用antdesign在我的项目中。这里我有一个选择作为动态字段。当我尝试为选择设置默认值时。它不起作用。JackLucyyiminghe我将默认值设置为lucy但它不起作用复制代码:https://codesandbox.io/s/6x3qv6wymr 最佳答案 根据documentation,您不应将value或defaultValue与getFieldDecorator一起使用。AfterwrappedbygetFieldDecorator,value(orotherpropertydefinedbyvaluePropN

javascript - React Pose + React Router 键无法识别?

所以我有一个小型React应用程序。尝试使用ReactPose来制作页面转换动画。我遵循了与oneoftheofficialdemoswithreact-router-dom类似的结构,如果我正在看这个权利,它应该可以工作。但是,我收到一条错误消息:Error:HEY,LISTEN!EverychildofTransitionmustbegivenauniquekey....并直接指向下面的代码。是否有某种方法可以在这里创建key?每个页面中是否有可能导致此处出现问题的元素?轨迹仅直接指向这部分代码(特别是PoseGroup),所以我不确定我在这里遗漏了什么。constRouteCon

javascript - 无法在客户端上使用来自 NPM 的 React,因为未定义 'development'。该包是从 Webpack 生成的

我正在创建一个ReactNode.js应用程序,我正在尝试生成一个Webpack包,其中包含我从NPM加载的React源代码。不过,客户端好像不能直接使用NPM的React代码。它会触发此错误:UncaughtReferenceError:developmentisnotdefined触发异常的代码来自React代码:有什么我可以做的吗?编辑这是我的webpack.config.js:import_from'lodash';importwebpackfrom'webpack';importyargsfrom'yargs';importExtractTextPluginfrom'extr

javascript - 在 JavaScript 函数中访问 Redux 存储

是否可以将redux状态映射到常规javascript函数而不是React组件?如果不是,是否有另一种方法可以将redux状态连接到函数?(显然没有明确地将其作为参数传递)我已经尝试连接到一个函数,但它中断了(我没有确切的错误消息。服务器只是遇到了一个未捕获的异常)。由于React组件可以是纯函数,connect()是否仅适用于classComponentNameextendsComponent(以及类似的)?我想做这样的事情的原因:我有一个reduxAction生成器,如果生成器发现Action的结果已经处于redux状态,我希望生成器跳过执行API调用,但我不想为每个容器显式检查状

javascript - 单击任意位置以关闭 react 中的下拉菜单

我在一个页面上有多个自定义构建下拉组件。我使用setState触发列表项打开toggleDropdown=(id)=>{this.setState(prevState=>({[`dropdown${name}`]:!prevState[`dropdown${id}`]//dropdownA,dropdownB,dropdownCandsoon}))}如果在菜单打开时单击下拉菜单,这也会切换它。但是后来我有几个下拉菜单,如果我打开一个下拉菜单,其他下拉菜单不会关闭,如何解决这个问题?我在componentWillMount中使用“hacky”方式混合与jquery的react,在body

javascript - 如何在 JSX 中循环遍历 React 中的数字

我需要能够遍历一个数字并返回一些jsx。例如{for(i=0;i{i}}}这不是我想要做的,但如果我能解决这个问题,那么我应该能够完成我需要做的事情。然而,这会返回for上预期的表达式。我做了一些研究,有人说你不能在jsx中使用for循环,因为它们不返回任何东西。如何循环遍历数字以返回一定数量的jsx? 最佳答案 您可以改用Array.from()。letApp=()=>{return{Array.from(Array(10),(e,i)=>{return{i}})}}ReactDOM.render(,document.getEle

javascript - 在指令模板中时,如何使 Angular ui-router ui-sref 工作?

基本上,我正在尝试更改/自定义ui.bootstrap.accordion的行为。一切正常,除了与ui-router的集成。这是我想要使用Accordion的方式:News1ThisisNews2HomeNews'sNews3Previewandnavigation下面是Accordion修改后的模板:{{heading}}基本上,'site.home.newsID_X'需要替换模板中ui-sref的'site'值。我的尝试是通过accordionGroup指令的链接函数中的“元素”参数设置ui-sref属性的值,如下所示:link:function(scope,element,att

javascript - 从angular-ui-router中的ui-sref更改当前状态下的url参数

使用ui-router,无论我处于什么状态,我都想设置一个URL参数。一个用例是在可添加书签的界面模式(例如“无聊”或“有趣”)之间切换。我知道可以使用ng-click指令来完成,但在这种情况下,我只剩下无href的anchor,这不是很有用。我已经尝试了最明显的ui-sref=".({foo:'bar'})"但它失败了“Noreferencepointgivenforpath'.'”ui-router是否有本地解决方案来执行此操作?理想情况下,我想要这样的东西:boringfun 最佳答案 似乎这个功能在ui-router尚未发布

javascript - React Native - 如何测量 ScrollView 中内容的大小?

我想测量我的ScrollView中内容的大小。因此,我正在使用NativeMethodsMixin中的measure:importNativeMethodsMixinfrom'NativeMethodsMixin'我不太确定从这里去哪里,大多数与此问题相关的SO帖子似乎已经过时。我知道我需要为我的ScrollView创建一个ref(我这样做并称为_scrollView,我可以使用this.refs._scrollView).问题是,我不能像这样将this.refs._scrollView传入measure:NativeMethodsMixin.measure(this.refs._sc

javascript - 基于 scroll React JS 的 Toggle 类

我正在使用bootstrap4导航栏,想在ig400px向下滚动后更改背景颜色。我正在查看react文档并找到了一个onScroll但找不到那么多信息。到目前为止,我已经...我不知道我是否使用了正确的事件监听器或如何设置高度等。而且我并没有真正设置内联样式...importReact,{Component}from'react';classAppextendsComponent{constructor(props){super(props);this.state={scrollBackground:'nav-bg'};this.handleScroll=this.handleScro