问题标签 [reactjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
9111 浏览

javascript - React 是否使用 requestAnimationFrame?如果有,它是如何使用的?

requestAnimationFrame 我在这篇关于 Om 的博客文章中找到了 2 个来源,其中有点说 React 正在使用,这是一个基于 React 的 ClojureScript 框架。同样关于这个 SO answer 的评论

我不确定它是 React 的一部分,或者人们是否将它与 React 一起使用。

有人可以告诉我requestAnimationFrame在 React 中是如何使用的吗?或者它如何与 React 一起使用,为什么我会选择将它与 React 一起使用?

0 投票
1 回答
3751 浏览

javascript - 带上下文的 setInterval 回调

我开始学习 React 框架,但实际上我正在从主站点查看此代码,但仍然无法理解

如果我传递this.ticksetInterval,那么当计时器事件在引擎盖下被触发this.tick并被调用时,它可能应该在window对象的上下文中被调用,对吧?如果这是真的,那么tick函数中的代码应该是错误的,因为对象上没有setState函数window

完整代码

0 投票
1 回答
5106 浏览

javascript - 带文件的简单表单提交

我正在尝试使用 React JS 编写一个带有输入文件类型的简单上传表单。当我提交文件时,它没有提交多表单数据。它正在提交纯输入文件名。

如果我们想在 React 中编写上传功能,我们是否需要进行任何其他更改。

上传的基本javascript代码(js小提琴链接):

有人可以帮助我使用 React JS 编写代码。

0 投票
1 回答
1981 浏览

javascript - 更新 props 数组对象

我有一个数组对象,它传递给我的组件并通过@props 可用。

实际上,我想在它上面附加一些东西(一个新数组)。

除了这个,你有什么推荐:

调用 add() 后的结果应该是:

这里最大的问题是 arr 可以被垃圾收集器销毁,因为它只是本地的,我更喜欢使用 @setProps 而不是手动强制更新。

0 投票
1 回答
3524 浏览

javascript - 如何将子节点与 JSX 结合起来?

我想从 li 元素建立一个 ul 列表,但是 li 元素将来自不同的来源,所以我不能在一个语句中做到这一点。JSX 似乎无法处理一组子元素,这给了我一个语法错误:

理想情况下,我想做类似的事情:

还有另一种方法可以实现这一目标吗?

0 投票
1 回答
1838 浏览

javascript - PhpStorm - 如何关闭自动花括号插入

目前,我正在使用 PhpStorm 进行 JavaScript 编程(React 框架)。在 React 中,添加了称为 JSX 的特殊语法糖,它允许将 HTML 插入 JavaScript 代码。但是当我插入一些特定的 JSX 时 phpstorm 出错了,所以当我按回车键转到下一行时,它总是插入额外的不需要的{. 有什么办法,如何抑制这种行为?

0 投票
1 回答
1340 浏览

reactjs - forceUpdate VS forceReload

我想知道ReactJSforceUpdate()forceReload()in ReactJS 有什么区别。

试图找到一些关于此的文档,但找不到一些关于forceReload()-

提前致谢!

0 投票
4 回答
132897 浏览

javascript - Reactjs - 正确设置内联样式

我正在尝试将 Reactjs 与剑道分离器一起使用。拆分器具有样式属性,例如

使用 Reactjs,如果我理解正确的话,这可以使用内联样式来实现

但是,我也在使用 Dustin Getz jsxutil来尝试将事物进一步拆分并拥有独立的 html 片段。到目前为止,我有以下 html 片段(splitter.html)

和一个 splitter.js 组件,它引用了这个 html,如下所示

现在当我运行它时,如果我把它作为内容,我可以正确地看到高度。但是,当它作为样式属性执行时,出现错误

所以我显然还没有完全正确地映射它。

如果有人可以指导我纠正这个问题,我将不胜感激。

0 投票
2 回答
19027 浏览

javascript - Facebook React:不变违规和未自动安装的元素

我正在通过一个小例子来学习 Facebook React。我决定检查我对this绑定的了解是否正常,因此我创建了三个React.class可变状态位于父级的位置,中间仅将回调传递给子级以对其进行操作。

基本结构:

请注意,我无法使用transferThisProp,但实际上我更喜欢“手动”制作。

FriendBox 渲染包含以下内容:

朋友渲染包含以下内容:

运行我的代码时,我收到以下消息:

有趣的是,当使用 chrome 的 react 扩展时,我可以检查虚拟DOM是否正常并且绑定是否正常。一切看起来都很好,除了第一个Friend元素的子组件说_lifeCycleState: "UNMOUNTED"

这让我觉得我犯了一个错误,底部的孩子没有被渲染和安装。所有代码都失败了,但我不知道确切原因。谁能告诉我为什么该元素没有自动安装,我该如何解决?

完整代码:http: //jsfiddle.net/RvjeQ/

0 投票
1 回答
437 浏览

reactjs - 正在将当前组件的状态作为参数发送到反应中可能的另一个外部方法

当我单击按钮时,它应该转到 sub 方法 .. 而 sub 方法响应每个状态更改,最后当我按下按钮时,它转到默认的 handleSubmit 方法 .. 帮助!