草庐IT

react-select

全部标签

javascript - React Native - 将登录的 Firebase 用户重定向到 Home 组件

我的目标是在用户已经登录时将用户重定向到Home组件。只有在以下情况下,我才能让用户登录并将他们重定向到Home_logInUser()被调用。但是,一旦重定向到Home组件,如果我刷新模拟器,应用程序将返回到Login组件。我尝试使用componentWillMount()并设置letuser=firebaseApp.auth().currentUser来解决这个问题。但是,我什至将user记录到控制台,但似乎if检查直接进入了else语句。我将不胜感激任何见解!这是我的代码(我正在使用react-native-router-flux进行路由):index.ios.jsimportR

javascript - 如何通过React和鼠标事件传播实现可重用组件?

考虑以下典型的React文档结构:Component.jsxcontent这些组件的组成如下:OuterClickableArea.jsexportdefaultclassOuterClickableAreaextendsReact.Component{constructor(props){super(props)this.state={clicking:false}this.onMouseDown=this.onMouseDown.bind(this)this.onMouseUp=this.onMouseUp.bind(this)}onMouseDown(){if(!this.sta

javascript - 在 SELECT 元素的更改事件中重新验证输入

我正在编写一个AngularJS应用程序,在这个应用程序中有一个域管理工具。选择域后,我会在表中生成域记录,让用户编辑每一行。由于字段是动态创建的,我使用ng-form来启用单独验证每一行,因为它们共享相同的名称。每个域记录都有一个内容字段,其中包含IP、CNAME等内容。我使用根据所选记录类型(A、CNAME、TXT等)的函数生成的正则表达式模式验证此字段。问题是,当我编辑A记录,然后将记录类型更改为CNAME时,表单仍然有效,因为没有对内容字段执行新的验证。我重新验证它的唯一方法是开始在内容字段中输入内容,然后就可以正常工作了。检查下面的图片:我在A记录上按编辑,一切看起来都很好:

javascript - 为什么不允许在 React Native 组件属性赋值中展开运算符是一种性能优化?

在ReactNative组件中,如果在props分配中使用展开运算符,则会出现错误,“在此环境中,分配的目标必须是一个对象。此错误是性能优化,不符合规范。”被抛出。例如在渲染函数中const{style}=props;return(给出同时const{style}=props;return(有效。为什么扩展语法会影响性能? 最佳答案 如果使用StyleSheet.create(),实际上当样式属性传递给子组件时,结果是Number。 关于javascript-为什么不允许在ReactNa

javascript - 如何在 React Native 中设置工具栏 Action 图标?

我是ReactNative的新手。我想为ToolbarAndroid操作设置图标(来自react-native-vector-icons)。这是我的JSX代码:importToolbarAndroidfrom'ToolbarAndroid';importMaterialIconfrom'react-native-vector-icons/MaterialIcons';......Material设计集合中的图标名称已完成。感谢您的帮助。 最佳答案 通过使用ReactNative0.21和react-native-vector-ico

javascript - 无需 react 即可访问 redux

我想在不使用React组件的情况下访问商店(分发和观察)。我一直在寻找几个小时,但没有结果。是这样的。我在应用程序根目录中创建了商店:import{Provider}from'react-redux'importcreateStorefrom'./state/store';letstore=createStore();ReactDOM.render(,document.getElementById('root'));当我需要在组件中添加Action或监听状态变化时,我很乐意使用react-redux提供的connect函数,但当我想在组件外部设置一些逻辑(主要是调度)我被卡住了。简而言

javascript - Select2 按选项值自动完成

我已尝试为我的站点集成标签/自动完成功能。它通过选项文本工作。我快接近结果了,但仍然悬而未决。现在,当您尝试选择选项文本时,会出现相关文本。但现在我也想通过选项值搜索kathmandu或相关选项文本。例如:当我们搜索值时a001kathmandu将出现并选择与a002相同,它将出现pokhara$("select").select2({tags:"true",placeholder:"Selectanoption",allowClear:true,width:'100%',createTag:function(params){varterm=$.trim(params.term);if

javascript - 如何正确测试 React Dropzone onDrop 方法

我正在测试ReactDropzone我需要检查onDrop函数。该函数有两个参数(acceptedFiles和rejectedFiles)。我正在这样模拟文件:letimage={name:'cat.jpg',size:1000,type:'image/jpeg'};然后在我的测试中,我这样做:it('shouldcallhandleOnDropwithmorethan5acceptedFiles',()=>{constwrapper=mount(mockComponent());for(letindex=0;index这是我的onDrop函数:consthandleOnDrop=(a

javascript - React Modal 不会在加载内容之间关闭

我正在使用这个React模态插件:https://github.com/reactjs/react-modal我需要在页面加载时在模态中显示一组对象。当第一个项目显示用户单击按钮时,isOpen属性将Modal设置为false。每个项目都有一个showModal属性,它将值提供给Modal的isOpen。随着用户不断单击,我不断将当前对象的值设置为false,然后为下一个对象将其设置为true。这一切都很好,但问题是覆盖和对话窗口停留在屏幕上,只有模态内的内容被更新。我希望模式完全关闭并打开以显示数组中下一个对象的内容。我不得不将我的代码剥离为以下简化版本:classProductsM

javascript - 在 typescript 中返回 react 16个数组元素

我想使用新的React16功能在我的render中返回数组元素,但我收到typescript错误Property'type'ismissingintype'Element[]'constElements:StatelessComponent=()=>([,]);我错过了什么?使用@types/react16.0.10和typescript2.5.3 最佳答案 我检查了最新的类型,他们忘记在无状态组件接口(interface)中添加新定义。我已经提出了这个问题,应该会尽快解决。从类组件返回一个数组是可行的,所以如果你现在真的需要它,你