草庐IT

react组件实例属性props

全部标签

javascript - 如何在 ListView React-native 中过滤数据?

我正在尝试过滤我的数组对象列表,然后尝试使用新数据源在ListView中显示。但是,该列表未被过滤。我知道我的过滤器功能正常工作。(我在console.log里查过了)我正在使用Redux将我的状态映射到prop。然后尝试过滤Prop。这是错误的方法吗?这是我的代码:/*globalfetch:false*/import_from'lodash';importReact,{Component}from'react';import{ListView,TextasNText}from'react-native';import{connect}from'react-redux';import

javascript - 动态更改后获取数据属性

我有一个简单的设置,在元素上附加了一个属性“data-id”:如果我调用alert($(.row).data(id));我会得到我的id1。接下来,我手动或通过另一个脚本将此ID更改为2:现在如果我调用alert($(.row).data(id));我仍然会得到1而不是2。但是,如果我将方法.data()更改为attr('data-id'),结果将是2。这种行为的原因是什么? 最佳答案 原因是因为jQuery将所有data属性键/值对存储在一个对象中,与DOM分开。data()方法从这个对象中读取数据。当您使用attr()更新dat

javascript - React/Redux reducer 在初始化期间返回 undefined

我正在开发我的第一个React/Redux项目。一切顺利,然后我尝试创建一个新的reducer。我认为这是一个非常简单的方法,但是当我加载页面时出现错误“ReducerX在初始化期间返回未定义”。跟踪表明这是在combineReducers()中发生的。我发现了几个类似的问题,但没有解决问题。关于这个问题:WhydoIget“Reducer[...]returnedundefinedduringinitialization”despiteprovidinginitialStatetocreateStore()?问题是他们在createStore()中使用了initialState,而我

javascript - 如何在 React 中缓存图片?

假设我有一个这样的url列表:['/images/1','/images/2',...]我想预取n那些使得图像之间的转换更快。我现在在做什么componentWillMount是以下内容:componentWillMount(){const{props}=this;const{prefetchLimit=1,document=dummyDocument,imgNodes}=props;const{images}=document;consttoPrefecth=take(prefetchLimit,images);constmerged=zip(toPrefecth,imgNodes)

javascript - 如何将输入字段数据从模态传递到 react-Native 中的容器?

这是我正在使用的:{}}>在容器中我不知道如何将数据从模态传递到父组件。任何类型的教程或链接都可以。提前致谢。 最佳答案 让我们假设您的模态框在/components/MyModal中单独归档以概括事物。您可以让您的Modal调用一个函数,在每次输入文本更改时通过props传递该函数。这是您可以使用的简单回调逻辑。尽可能避免使用refs。importMyModalfrom'../components/MyModal';...classHomeextendsComponent{onInputChanged=(changedText)=

javascript - 尝试通过 Web API 创建记录时出现“未声明的属性”

我收到一个我似乎无法调试的错误。我正在尝试通过自定义HTML/JavaScript网络资源创建自定义事件实体。用户点击一个按钮和以下参数:varparams={'rob_faqid@odata.bind':'/rob_faqs(guid-here)','rob_source':180840000,'subject':'Signpost','actualstart':newDate(),'actualend':newDate()};被传递到这个URL:https://dynamicsorg/api/data/v8.2/rob_quickactions/具有以下header:xhr.set

javascript - createStore 和 createStoreWithMiddleware 在 react 中有什么区别?

我找到了两种配置reduxcreateStore的方式,1.https://github.com/TeamWithBR/SampleProjectTodo/blob/master/src/store/configureStore.js2。https://github.com/aknorw/piHome/blob/9f01bc4807a8dfe2a75926589508285bff8b1ea6/app/configureStore.js哪个更好? 最佳答案 createStoreWithMiddleware是在Redux中使用增强器创

javascript - 将组件重新绘制为 PNG

我目前有一个Recharts组件,我想将其导出为PNG文件。(this.currentChart=chart)}width={this.state.width}height={this.state.height}data={this.testData}margin={{top:5,right:30,left:20,bottom:5}}>;但我不确定图书馆是否直接支持这一点。我有一个想法,涉及使用Canvas和2D渲染上下文让我接近解决方案,如MDN中所述。但是,我不确定将HTML元素(或React组件)呈现为Canvas以实现此解决方案的通用方法。我可能做错了这一切,我将不胜感激!

javascript - React native : Component not defined? 无法导入?

好的,这里对nativereact非常陌生,我正在尝试非常简单地导入另一个.js文件,并让它在index.ios.js的主要render()函数中运行我到处寻找并尝试了import和require来执行此操作,但是我遇到了错误:这是我所拥有的,错误是在添加导入行时抛出的:importReact,{Component}from'react';import{Button,Card}from'react-native-material-design';import{StyleSheet,Text,View,Animated,Easing,ScrollView,RefreshControl,A

javascript - Vue 组件 - 在错误的位置呈现

我在vue组件和内联模板之间看到奇怪的行为。示例#1:内联模板这按预期工作。根据下面的示例#2,vue组件没有变化,唯一的区别是我将模板内容作为内联模板复制到标签中。参见:https://jsfiddle.net/pobffmnv/CurrentClientsClientNameNo.ProjectsTime(7days)EditTest00Edit这正确显示了以下内容:示例#2:非内联以下是我的Vue模板。以下是删除内联模板的代码更改。参见:https://jsfiddle.net/Ld47hoy2/Test00Editexportdefault{}更新页面代码:CurrentCli