-
141 votesanswersviews
React-Native - 使用Navigator组件进行自定义导航
我正在探索React Native的可能性,同时在 Navigator 组件的帮助下开发一个在视图之间自定义导航的演示应用程序 - http://facebook.github.io/react-native/docs/navigator.html#content 主应用程序类呈现导航器,内部 renderScene 返回传递的组件: class App extends React.Compon... -
0 votesanswersviews
React-Native-Navigation灯箱位置
我想知道wix的灯箱位置是否会反应原生导航可以修改它的位置?我希望灯箱出现在屏幕顶部而不是中间 . 可能吗 ? -
0 votesanswersviews
无法访问reactjs中的firebase值?
我正在尝试访问firebase中的子节点值并在console.log上没有显示任何内容 . 我的代码是:我的构造函数是这样的: this.state = { Hemo:'', } ComponentDidMount(){ db .ref('VitalSigns/'+this.props.uName) .on('value', snapshot=> { ... -
0 votesanswersviews
当我编译我的文件时,为什么我不能编译样式文件?
英语不是我的母语;请原谅输入错误 . 我生成了一个工作区enter image description here; 然后我运行“tsc -p” . 编译我的文件; 这是生成的文件enter image description here 我在dist目录中找不到“index.less” . 这意味着在运行“tsc”时,不会编译样式文件 . 那我怎么能用tsc或其他方式编译样式文件呢; 谢谢; -
-1 votesanswersviews
草案Js - 添加反应组件
我正在努力去了解Draft Js逻辑,但是我没有找到关于这个主题的好的教程或文档 . 我现在想要的只是一个函数(由下面的按钮触发),它可以在编辑器的末尾添加一个我的反应组件 . 然后我希望能够编辑内部的内容,为什么不在不丢失原始文本的情况下更改组件类型 . 我见过很多东西,API文档,奇怪的函数, Map 等...但我仍然不知道如何做到这一点 . PS:我的代码目前只是草案基本编辑器 . 谢谢, ... -
4 votesanswersviews
我们可以在react webapp之间共享代码并对本机应用程序做出反应,并准备好本地生成反应
我们有一个使用reactjs开发的小部件的稳定版本 . 我们想开发相同的移动版本 . 使用react native进行开发并在2个应用程序之间共享代码是否更好?或者我们更好地本地开发小部件 . 请记住,我们确实拥有(反应和Android开发)的专业知识,但我们不想投入太多时间再次开发整个应用程序 . 如果我们选择react-native,是否有任何工具/资源可以更快地完成这项工作? 在线资源: h... -
6 votesanswersviews
React Native React(针对web)种子项目
是否可以设置一个项目,其中包含React Native(移动应用程序)React(Web)的代码,除了UI部分之外,平台之间的代码都是粉碎的 . 使用this seed使用Angular NativeScript做了类似的事情,它可以在本机应用程序和Web应用程序之间进行代码共享(除了UI层) . 寻找类似于React React Native的东西 . 如果您知道React Native Ang... -
0 votesanswersviews
使用“新”React时,React-select-fast-filter-options不会产生任何结果
react-select-fast-filter-options库似乎不适用于React的新标准 . 他们的旧例子使用了 ReactDOM.render(<App />, document.getElementById('root')); ,而我正在使用类,状态,道具等的结构 . 这可能只是因为我用旧方法知识,但我无法弄清楚如何解决这个问题 . 似乎唯一的方法是恢复到ReactDOM渲... -
3 votesanswersviews
图像没有显示在使用草稿js的react-draft-wysiwyg编辑器中
我在我的应用程序中使用基于草案js的react-draft-wysiwyg文本编辑器 . 在尝试通过编辑器图像控件上传图像时,我遇到了一些问题 . 我正在使用自定义FileUploader组件 . 它将图像保存在服务器中,我也得到包含上传图像URL的正确响应 . 但编辑中的 image is not showing . 这是我的编辑器组件的代码: import React from 'react... -
0 votesanswersviews
如何在草稿编辑器实例上呈现html?
我有一个用例,我必须在编辑器上呈现HTML模板 . 我正在探索相同的draftjs . 我完成了基本设置,并为简单文本设置了draftjs编辑器 . 但是,如果我将HTML字符串传递给相同的编辑器组件,我会得到以下异常 . DraftEditorContents-core.react.js:80 Uncaught TypeError: nextEditorState.getDirectionMap... -
0 votesanswersviews
react-draft-wysiwyg从动态创建的编辑器更新editorstate
我目前正在开展一个涉及使用多个所见即所得的编辑器的项目 . 我以前在同一个项目中使用了react-draft,但是一直使用静态元素,例如,每个编辑器都是固定的 . 就我而言,我的编辑器是动态创建的(最小1,最多15)编辑器 . 我每次使用带有构造对象的map()将这些渲染到我的容器中 . 允许用户单击或 - 按钮创建/删除编辑器 . 例如,要创建一个新的编辑器,我推送然后映射组件数组,如下所示: ... -
0 votesanswersviews
向React Draft Wysiwyg添加水平规则按钮
我正在尝试向React Draft Wysiwyg添加自定义按钮,以便在我的内容中插入 <hr> 标记 . 使用演示和文档我已经设法获得自定义按钮来插入文本而不是标记 . onClick = () => { const { editorState, onChange } = this.props; const contentState = Modifier.replace... -
1 votesanswersviews
如何在react-draft-wysiwyg中添加自定义下拉菜单?
我需要在工具栏部分添加自定义下拉菜单 . 这里附加的图像类似于想要下拉菜单这可能吗? <img src="https://i.imgur.com/OhYeFsL.png" alt="Dropdown menu editor"> 找到下面的详细图片 我使用了react-draft-wysiwyg内容编辑器 . https://github.co... -
2 votesanswersviews
如何在react-draft-wysiwyg中包含Attach File选项?
我正在尝试使用react-draft-wysiwyg创建一个文本编辑器 . 编辑代码 <Editor editorState={this.state.editorState} onEditorStateChange={this.onEditorStateChange} toolbar={{ options: ['inline', 'fontSize', 'fontFam... -
0 votesanswersviews
在React-draft-wyswyg中添加自定义块渲染时,上传的图像未在文本编辑器中添加为内联
我有一个使用react-draft-wysiwyg创建的文本编辑器 . 我创建了一个自定义blockrendering函数,可以添加自定义块 . 编辑代码: <Editor blockRenderMap={extendedBlockRenderMap} blockRendererFn={blockRendererFn} editorState={this.state.... -
114 votesanswersviews
从组件状态中的数组中删除元素
我试图找到从组件状态中的数组中删除元素的最佳方法 . 既然我不应该直接修改 this.state 变量,那么从数组中删除元素是否有更好的方法(更简洁)? onRemovePerson: function(index) { this.setState(prevState => { // pass callback in setState to avoid race condition ... -
0 votesanswersviews
javascript每分钟将当前时间与变量进行比较
我在数据库中定义了开始日期,我需要知道开始日期何时大于当前时间 . 我尝试过使用setInterval,但我无法访问setInterval函数之外的更新时间 . 这是我需要将当前时间与数据库变量进行比较: if(startDate > now) { var status = 'pre'; } 我尝试使用setInterval如下,但我无法访问setInterval函数之外的更新(当前时间... -
7 votesanswersviews
反应原生显示当前时间并实时更新秒数
我想在响应原生应用程序(如时钟)中显示当前时间(MM / DD / YY hh:mm:ss),并且每秒都获得更新,我尝试使用新的Date()并将其设置为状态,但是时间不要除非我刷新页面,否则不会更新 . 我也尝试在render()中使用setInterval函数,它确实有更新,但它对CPU来说很昂贵 . 有没有一个很好的方法来实现这个功能? state = { curTime: null,... -
0 votesanswersviews
Firebase w / React如何自动化当前时间?
我有一个Web应用程序,我可以添加“列表” . 每个列表都有一个时间限制 . 5分钟,10分钟和15分钟 . React可以很好地呈现列表,但由于存在时间限制,它会计算现在时间和添加时间之间的差异(添加列表时) . 这样它开始倒计时 . 但是,目前有一个额外的nodejs后端可以更新数据库中的当前时间值,还可以检查过期的列表并删除它们 . 问题是,如何在不使用外部nodejs后端的情况下更新f... -
0 votesanswersviews
根据其值更新数组元素
如果我有以下数组 let array = [ {review: 'not_started', status: ''}, {review: 'not_started', status: ''}, {review: 'not_started', status: ''}, {review: 'not_started', status: ''} ] 当对于数组中的所有元素的审核是 not... -
2 votesanswersviews
React setState不更新简化数组
我有一个非常简单的自定义组件:两个带有按钮的 select 列表,用于将 options 从 available (左)列表移动到 selected (右)列表 . 当然,移动的元素不应再显示在它移动的列表中 . 虽然两个按钮都成功地将元素添加到目标,但它不会从源中删除,因为当我将减少的项目数组传递给 setState 时,渲染仍然会返回原始列表 . EDIT 发布了大部分组件代码以供澄清 . 问... -
334 votesanswersviews
为什么React的Virtual DOM概念被认为比脏模型检查更具性能?
我在http://www.youtube.com/watch?v=x7cQ3mrcKaY看到一个React dev谈话,并且发言者提到模型的脏检查可能很慢 . 但是,由于虚拟DOM在大多数情况下应该大于模型,因此不计算虚拟DOM之间的差异实际上甚至更低性能吗? 我非常喜欢Virtual DOM的潜在力量(特别是服务器端渲染),但我想知道所有的优点和缺点 . -
117 votesanswersviews
ReactJS状态与道具
这可能是在回答问题和自以为是之间的那条线,但我会来回顾如何构建ReactJS组件,因为复杂性增加并且可以使用某些方向 . Coming from AngularJS, I want to pass my model into the component as a property and have the component modify the model directly. Or should... -
39 votesanswersviews
AngularJS vs ReactJS [关闭]
我正在决定将哪个JavaScript框架用于我的新Web应用程序 . 我想使用Angular,但最近听说过React . 问题是 - 我没有找到两者之间真正好的比较 . 大多数进行比较的文章都是“反应良好的”,并没有比较大的帮助,只是说明为什么反应更好 . 例如 https://www.codementor.io/reactjs/tutorial/react-vs-angularjs http:/... -
1 votesanswersviews
我应该选择reactjs f7还是f7 vue.js? [关闭]
最近我计划重写我的离子应用程序,因为它在Android上表现不佳 . 我对Android7上的framework7(f7)的流畅性印象深刻 . 但它缺乏数据绑定,并不像反应那么优雅 . 但是我不想太多牺牲性能 . 所以我在reactjs f7和f7 vue.js之间做出选择 . Reactjs f7可以使代码更加优雅,我可以使用flux react-router . f7 vuejs可能有更好... -
161 votesanswersviews
反应功能无状态组件,PureComponent,Component;有什么区别,什么时候应该使用什么?
从 React v15.3.0 开始知道,我们有一个名为 PureComponent 的新基类,用 PureRenderMixin 内置扩展 . 我的理解是,在引擎盖下,它采用了 shouldComponentUpdate 内部的道具浅层比较 . 现在我们有3种方法来定义React组件: 功能无状态组件,不扩展任何类 扩展 PureComponent 类的组件 扩展 Component... -
-6 votesanswersviews
Django vs Vue.js / Angular / React
我希望有人可以解释Django之间的区别,我认为它是一个Web框架,而Vue / Angular / React是Javascript框架 . Web框架和Javascript框架之间有什么区别? -
1 votesanswersviews
如何重置React-Native复选框组件
我正在React Native中编写一个应用程序,并编写了一个复选框组件,该组件出现在用户单击View时出现的弹出对话框中 . 现在流程如下: 使用[... Array(8)]在弹出对话框中呈现复选框组件8次.map()作为复选框列表 我点击View,弹出对话框出现 我选择了几个Pickers并检查了多个复选框(这是一个有状态的组件,它有自己的this.state并管理自己的检查状态以... -
0 votesanswersviews
Shopify在产品页面中添加iframe
我想使用shopify应用添加iframe . 我想给网址的每个产品都包含产品的3D视图链接 . 现在我可以在我们的服务器中添加URL add save . 我想现在当客户在点击按钮或缩略图显示iframe时转到产品 . 我怎么能这样做任何文件流动 . 对于开发,我使用节点 . -
0 votesanswersviews
如何将反应状态存储到本地存储中?
我开始学习React并创建了一个todo应用程序,我想将任务状态存储到本地存储中 . 我怎样才能做到这一点?这是我的代码: Tasks.js import React, { Component } from 'react'; import AddTask from './AddTask'; import Task from './Task'; class Tasks extends Compon...