为什么我的action函数会在render上被调用？
在React中，action函数通常用于触发状态的改变或者异步操作。而render函数则用于渲染组件的UI。
如果你的action函数在render函数中被调用，可能有以下几个原因：
- 错误的事件绑定：在组件的render函数中，你可能错误地将action函数作为事件处理函数绑定到了某个元素上。这会导致每次渲染时都会调用该action函数。
解决方法：检查组件的render函数中的事件绑定，确保正确地绑定了事件处理函数。
- 错误的组件更新：在组件的生命周期方法中，你可能错误地调用了action函数，导致在组件更新时触发了该函数。
解决方法：检查组件的生命周期方法，确保没有在不正确的时机调用action函数。
- 传递了错误的props：在父组件中，你可能错误地将action函数作为props传递给了子组件，并在子组件的render函数中调用了该函数。
解决方法：检查父组件中传递给子组件的props，确保没有将action函数传递给了不应该调用它的子组件。
总结起来，如果你的action函数在render函数中被调用，通常是由于错误的事件绑定、错误的组件更新或者传递了错误的props导致的。检查这些可能的原因，并进行相应的修正，可以解决这个问题。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
包含以下代码片段：
def show
@book = Book.find(params[:id])
if @book.special?
render :action => "special_show" and return
end
render :action => "regular_show"
end
为什么这不是等价的呢？
def show
@book = Book.find(params[:id])
if @book.special?
render :action => "special_s
浏览 0提问于2011-09-29得票数 4
回答已采纳
我有以下代码。它使用的是较旧版本的React，但是为什么redux存储状态!!this.state.checked在render()中显示为false ...尽管defaultState是true index.js import ReactDOM from 'react-dom';
import React from 'react';
import { createStore } from 'redux';
const defaultState = { checked: true };
const reducer = (state = d
浏览 16提问于2020-11-05得票数 0
回答已采纳
关于调用setState的匿名函数，我有一个问题。我试图做一个基本练习()，当你点击它时，按钮上显示的数字会增加。
function Button() {
const [state, setState] = useState(1);
return <button onClick={() => setState(state+1)} >{state}</button>;
}
ReactDOM.render(
<Button />,
document.getElementById('mountNode'),
);
我不
浏览 6提问于2020-12-13得票数 0
回答已采纳
我正在用JS和jQuery在画布上画形状。我有一个呈现循环函数，它使用来自对象的信息重绘形状。这个对象已经定义好了，代码在循环中运行了一次，然后对象就没有定义了，我不知道为什么。我不太喜欢JS，所以我不确定我是不是遗漏了一些显而易见的东西。我检查了大量其他线程，但似乎找不出为什么在定义完之后，我的值会更改为未定义的状态。以下是代码的简化版本：
$document.ready{
const canvas = $canvas;
const context = canvas.getContext();
const 2dArray = [ [...], ..., [...]
浏览 1提问于2019-11-30得票数 0
回答已采纳
我是Ruby和Rails的新手，我正在努力完全理解我正在阅读的内容。
我正在查看一些Rails源代码，在本例中是action_controller/metal/instrumentation.rb。
def render(*args)
render_output = nil
self.view_runtime = cleanup_view_runtime do
Benchmark.ms { render_output = super }
end
render_output
end
我知道*args使用splat运算符将参数收集到一个数组中。但在那之后，它对我来说就没有多
浏览 7提问于2020-11-11得票数 1
这个问题适用于基于类和基于函数的组件。这可能是一个太简单的问题，但由于某些原因，我找不到一个简洁明确的答案，所以我有时会被抛在脑后。我所能找到的就是“组件重新渲染”，但它到底是什么意思呢？呈现是重新检查组件的状态以描述如何绘制DOM，但它是否也重新定义了组件中任何引用的数据类型？或者它只会重新调用Class组件上的render()方法？
在功能组件中。它是否意味着'languages‘数组，'updateLanguage’函数，以及我可能放入的所有东西都被重新定义了？或者只返回在返回体中定义的内容？(如内联箭头处理程序，等等)。我知道我们可以使用useCallback来防止对处
浏览 0提问于2020-04-23得票数 2
这个createStore函数接受还原器函数，但我并不真正理解发生了什么，当我们执行store.getState()时，它如何知道计数器的当前状态，我知道createStore()将返回一个函数对象，但我不知道它们是如何工作的。另外，为什么我们需要侦听器数组--我知道有人解释过，但我正在寻找一个更简单的例子，如果有人解释了这个数组将拥有什么，以及为什么我们在最后取消订阅这些侦听器，我会很感激。
如果有人向我解释了如何调试这段代码，我也会说，我一直在Chrome中得到空值。
最后一个问题，仅仅传递计数器函数如何使它知道它的状态。在还原器函数本身中，我没有看到任何像state = state这样的
浏览 1提问于2019-03-24得票数 3
回答已采纳
我正在看这里的文档，，我不明白为什么会有这个问题。
我的情况是我有一个像这样的组件
export default class MyComponent extends Component
{
constructor(props)
{
super(props);
this.state = { something: null };
}
render()
{
// ... uses something
}
ProductSorter.propTypes =
{
something: PropTyp
浏览 0提问于2016-10-21得票数 0
def update
@user = User.find(params[:id])
if @user.update_attributes(params[:user])
render :action => show
end
render :template => "fix_user_errors"
end
前面的代码将在update_attributes成功的情况下生成一个错误(因为render被调用了两次)。调用render (和redirect_to)的行为应该以某种方式终止操作的处理?但这不是为什么？
浏览 2提问于2010-05-11得票数 1
回答已采纳
1回答
在下面的示例中，我看到在每个ComponentA渲染中，Child被卸载并重新挂载。诊断树中的任何其他组件都不会重新安装。
class ComponentA extends Component {
renderChild() {
return <Child />;
}
render() {
return <ComponentB>{this.renderChild()}</ComponentB>;
}
}
class ComponentB extends Component {
render() {
return
浏览 10提问于2018-02-07得票数 0
我正试着按照标题说的那样做，最近发布的一个版本已经改变了：
public function __construct() {
// add single product message immediately after product excerpt
add_action( 'woocommerce_single_product_summary', array( $this, 'render_product_message' ) );
// add variation message before the price is displ
浏览 3提问于2017-05-02得票数 0
回答已采纳
我有一个包含TextBox的UserControl。当用户控件可见时，我将焦点放在TextBox上。有没有人可以解释一下为什么我必须使用Dispatcher
public MyUserControl()
{
InitializeComponent();
this.IsVisibleChanged += VisibilityChanged;
}
案例1(工作)：
private void VisibilityChanged(object sender, DependencyPropertyChangedEventArgs e)
{
if (this.Visibility
浏览 5提问于2012-12-13得票数 1
回答已采纳
1回答
我有一个React应用程序，它是由babel编译并由webpack捆绑的。
在时间表页面TimetableManagePage.js中，我有这样的代码片段：
nextWeek() {
this.setState({
today: this.state.today.clone().add(1, 'w')
});
this.searchSessions();
}
previousWeek() {
this.setState({
today: this.state.today.clone().subtract(1,
浏览 0提问于2016-12-09得票数 2
3回答
我试图思考为什么TypeScript报告我的病情总是错误的，因为在这种情况下，Action.UP | Action.DOWN和Action.LEFT之间没有类型重叠( )
class Component<S> {
public state: S;
public render() {}
}
enum Action {
UP,
DOWN,
LEFT,
RIGHT,
}
interface State {
action: Action;
}
const initialAction: Action.UP | Action.DOW
浏览 0提问于2019-01-30得票数 5
回答已采纳
1回答
这里的是这样写的：
正如您将从上一篇文章中看到的，NET_TX_SOFTIRQ软it具有注册到它的函数net_tx_action。这意味着有一个执行net_tx_action的内核线程。这个线程偶尔会被暂停，raise_softirq_irqoff会继续它。让我们看看net_tx_action做了什么，这样我们就可以了解内核进程是如何传输请求的。
据报道，kthread是，偶尔会暂停。当一个kthread被暂停时，为什么？
线程如何知道要执行的工作？它轮询队列吗？
浏览 2提问于2018-08-25得票数 0
回答已采纳
3回答
纯虚方法调用
、、
我理解为什么从构造函数调用虚函数是不好的，但我不确定为什么定义析构函数会导致“纯虚方法”异常。代码使用常量值来减少动态分配的使用--这也可能是罪魁祸首。
#include <iostream>
using namespace std;
class ActionBase {
public:
~ActionBase() { } // Comment out and works as expected
virtual void invoke() const = 0;
};
template <class T>
class Action : public
浏览 1提问于2010-01-01得票数 5
回答已采纳
1回答
这应该是非常直截了当的，并且有很好的文档记录，而且我已经做过好几次了，尽管有些东西还在折磨着我。
我有一个名为嵌套部分的部分结构。
在某个时候，一个render调用需要将一个额外的变量传递给分部，尽管该部分的呈现失败了：
undefined local variable or method `<variable name>' for #<#<Class:....>
下面是我调用render的代码
= f.simple_fields_for :orders do |c|
= render partial: "fields", locals
浏览 4提问于2013-08-24得票数 3
回答已采纳
2回答
#include <signal.h>
#include <string.h>
#include <sys/types.h>
#include <sys/wait.h>
#include <stdio.h>
sig_atomic_t child_exit_status;
void clean_up_child_process (int signal_number)
{
/* Clean up the child process. */
int status;
wait (&status);
/* Stor
浏览 0提问于2011-07-30得票数 2
回答已采纳
我正在尝试在我的React-Redux应用程序中测试输入组件，并尝试使用' redux - mock - store‘创建我的redux商店的模拟。 当我尝试运行测试时，我得到了"Cannot read property 'getState‘of undefined“错误，所以我猜我没有正确初始化我的模拟存储，但我不知道我做错了什么。 import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux
浏览 17提问于2021-07-27得票数 3
回答已采纳
2回答
我有以下几点意见：
window.DmnView = Backbone.View.extend({
template: _.template($("#tmpl_dmnListItem").html()),
events: {
"click .getWhois": "showWhois",
"click .getDomain": "toBasket"
},
initialize: function()
浏览 0提问于2012-01-30得票数 5
回答已采纳
如果我有一个功能组件，比如：
const Example = ({props})=> {
console.log("render outside effect");
React.useEffect(()=>console.log("render inside effect"))
}
这两个调用的区别是什么？
这与我对功能react组件的理解是一样的。该函数将在每个重新渲染器上执行，因此将执行useEffect之外的所有表达式和函数？！不带括号的useEffect是否也会在每次重现时执行？
这是一种误解吗？
提前感谢
特里斯坦
浏览 20提问于2020-05-10得票数 0
回答已采纳
点击按钮，我的行动没有被分派。下面是所有的文件，如动作，还原，根还原，configSTore，索引和组件.
请帮我解释一下为什么我的行动没有按一下按钮就被分派出去。
Actions.js
import axios from 'axios';
const requestURL='JSONUrl';
let responseData = '';
export function fetchRequests() {
axios.get(requestURL)
.then((res) => {
responseDa
浏览 2提问于2021-07-23得票数 1
回答已采纳
1回答
我正在讨论Firebase云功能的一个问题。我有一个onWrite云函数，它触发一系列事件。我有一个onWrite云函数绑定的请求路径。当该云函数执行时，它将删除对请求路径的新请求，并将请求推入一个呈现路径/que，该路径/que将用于客户端呈现UI元素/数据。一旦数据被写入呈现路径，我就调用不绑定到任何云事件的函数。vanilla javascript函数应该扩展到外部API，并获取一些数据，以便稍后更新被推入呈现路径的render对象。
问题是vanilla javascript函数永远不会执行。我一直在网上寻找原因，但似乎找不出原因。我在火焰计划，所以出站api请求应该允许我知道。这里是
浏览 2提问于2018-08-11得票数 2
回答已采纳
3回答
我正在尝试构建一个react/通量应用程序，大致如下：
我已经完成了大部分工作，但是当我更新状态时，组件不会重新呈现。有人能帮忙吗？
谢谢。:)
回购是
CounterStore.js
import Dispatcher from 'Flux';
import AppDispatcher from './../dispatcher/AppDispatcher';
import CounterConstants from '../constants/constants';
import { EventEmitter } from 'eve
浏览 6提问于2016-06-27得票数 0
回答已采纳
2回答
我已经创建了通过单击菜单项创建的选项卡。之后，我希望只有在<li>父节点上悬停时才会出现关闭的"X“。
当我试图绘制"X“悬停时，我认为这是一个尚未创建的地图问题，但我不知道如何修复它。为什么我会得到这个错误？Can not update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state.
class LiTabs extends Component{
constr
浏览 1提问于2019-07-05得票数 1
回答已采纳
2回答
我做了关于的注释教程，并让它使用.net mvc呈现服务器端。
我有一个现有的mvc应用程序，我重写了一个页面的反应。我试图使用.net来呈现服务器端，但是当它试图呈现服务器端时会出现错误。
Exception Details: React.Exceptions.ReactServerRenderingException: Error while rendering "TopicAnswers" to "react1": TypeError: undefined is not a function
at React.createClass.render (
浏览 2提问于2015-05-24得票数 1
回答已采纳
1回答
对redux来说是全新的。有了这个场景-
在执行表单提交操作后-
onFormSubmit(e){
e.preventDefault();
this.props.fetchTracks(this.state.term);
}
操作并继续到reducer，我返回action.payload，它是一个数组。我注意到在两种不同情况下的不同行为-
有一次，当缩减程序以这种方式编写时-
export default function (state = [] , action) {
switch(action.type) {
case FETCH_TRACKS:
return ac
浏览 1提问于2018-02-04得票数 1
问题：
当我向类成员fn添加@action装饰符时，下面的react组件不会重新呈现。
import { observable, action } from "mobx";
import { observer } from "mobx-react";
import * as React from "react";
import { render } from "react-dom";
@observer
class PriceCounter extends React.Component {
@observable pric
浏览 2提问于2020-05-10得票数 1
回答已采纳
我有一个带有id = wrapper的section元素。在我的路由器中，我添加了.delegate() jQuery方法来将事件委托给动态创建的按钮(因为传统的events:{"click button" : "gotoSomeMethod"}对我不起作用)。
$(document).ready(function() {
window.App = new window.Routers.Package;
Backbone.history.start();
$('#wrapper').delegate(&#
浏览 1提问于2011-08-13得票数 1
4回答
对象字面方法的范围
、、、、
我目前正在学习javascript，并试图理解“这个”。在下面的代码中，为什么我不能在我的呈现方法中访问this.ul？(它说它是未定义的)。我被引导相信cacheDOM方法会将this.ul绑定到people对象，然后该对象的其余部分可以访问这个对象。
(function(){
var people = {
people: ['Tom', 'Sean'],
init: function() {
this.cacheDOM();
this.render();
},
cacheDOM: functi
浏览 9提问于2016-01-14得票数 1
回答已采纳
我有一个组件，在我的组件中有一些子组件。
在我的父组件中，我有一些函数，我想从子组件中触发它。所以我用redux做了。
它是我的父组件：
import React, { Component } from "react";
import { withRouter } from "react-router-dom";
import { bindActionCreators } from "redux";
import { splashStop } from "store/actions/Home/splashSt
浏览 2提问于2019-07-04得票数 1
2回答
反应覆盖组件函数
、、、
我正在尝试做以下工作，目前我有三个组件：
Parent.js：
class Parent extends Component {
applyFilters = () => {console.log("applying original filters")}
setApplyFilters = (callback) => {
this.applyFilters = () => callback();
}
render(){
return(
<div>
<Filters applyF
浏览 0提问于2018-12-04得票数 2
回答已采纳
我正在做一个redux教程，我看到一个电话是这样的：
this._render();
它在其他地方被定义为：
_render() {
....
}
下划线"_“是什么？为什么要使用它？
浏览 0提问于2017-06-24得票数 22
回答已采纳
2回答
因此，我有一个包含JSON的函数，它的值包含在一个键对中，其中键作为参数接收，值是另一个函数的返回值，如下所示。
const normalizeKeyValuePair = (key, value) => {
const propertyHandler = {
speed: normalizeSpeed(value),
actions: normalizeActions(value)
};
return [normalizeField(key), propertyHandler[key] || normalizeValue(value)];
};
问题出在a
浏览 24提问于2020-05-15得票数 0
回答已采纳
1回答
是否有任何方法来检测用户何时关闭/刷新web？我的程序看起来是这样的：
@app.route('/')
def form():
return render_template('form_ConfusionSet_submit.html')
@app.route('/hello/', methods=['GET','POST'])
def hello():
some action...
return render_template('form_action.html', tex
浏览 2提问于2014-10-14得票数 1
回答已采纳
请看下面的代码片段：
<script>
$(function(){
var to_username = "alex";
window.Persona = Backbone.Model.extend({
});
window.PersonaList = Backbone.Collection.extend({
model:Persona,
url:function(){
return '/js/personas/approval/user?to_username=
浏览 2提问于2011-11-30得票数 0
回答已采纳
我尝试运行一个类Button，将一个值传递给方法visibilityFilter( value ){...}，并得到错误
Warning: _renderNewRootComponent(): Render methods should be a pure function of props and state;
triggering nested component updates from render is not allowed.
If necessary, trigger nested updates in componentDidUpdate.
Check the rende
浏览 12提问于2017-08-14得票数 0
2回答
为什么必须从drawRect方法内部调用Quartz 2D Graphics上下文函数？
因为如果我从任何地方调用CGGraphics上下文函数，而不是从drawRect中调用，我会得到如下消息：
<Error>: CGContextFillRects: invalid context
<Error>: CGContextSetFillColorWithColor: invalid context
实际上，在UIView的一个子类中，我确实在一个名为Render的方法中设置了一个图形上下文。当Render被调用时，我会得到上面的错误：
- (void)Render {
浏览 1提问于2009-12-18得票数 0
1回答
我在一个网页上测试了以下javascript代码。
<form method=POST id="someform" action="http://localhost/somepage.php" >
<input type=hidden name=stuff value="value">
</form>
<script>
document.forms['someform'].submit();
window.location="http://google.com";
浏览 0提问于2011-05-10得票数 2
1回答
我不知道我做错了什么。
我想我知道如何用redux实现。
我的问题是，在状态更改后，组件的状态不会传播到组件。我知道我们必须创建新的状态对象，我确信我这样做是正确的。但没有任何变化。
另一个问题是，为什么状态在对象"resetLink"中。为什么它没有存储在状态对象中？
请帮我把它修好。
为解决这些问题采取的行动：
export const sendResetLink = (email) => {
return {
type: RESET_LINK,
email
}
}
class App extends React.C
浏览 4提问于2016-06-27得票数 1
回答已采纳
我正在构建一个更高阶的组件，我希望它呈现出所有组合组件的子组件，以及它们的子组件。
但是，当我调用render()时，它只呈现组件的子级，而不是它们的子级。
我怎么把它渲染到下面呢？
下面是一些代码：
export default ComposedComponent => {
class HoC extends ComposedComponent {
render() {
console.log(super.render())
}
}
return HoC
}
浏览 0提问于2016-02-20得票数 0
我得到了这个错误，但我不确定为什么。我假设我错过了一个步骤。我已经把这一课复习了几次，但还是找不出哪里做错了。
"error"
"TypeError: Cannot read property 'map' of undefined
at TodoApp.render (xuwuwoqaso.js:157:23)
代码如下。我想它指的是带有visibleTodos.map(todo => ...)的TodoApp下的.map函数
据我所知，store.getState()被传入，然后被visibleTodos映射并产生错误。是那么回事吗？
c
浏览 5提问于2017-06-20得票数 0
1回答
据我所知，当某些事件发生时，react从零开始创建一个虚拟DOM，并将其与旧的虚拟DOM进行比较。如果是这种情况，则在调用render方法时，react应该创建组件并返回它们进行比较。
import React, { Component, Fragment } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
class Demo extends Component {
constructor(props) {
console.log("
浏览 3提问于2021-03-07得票数 0
回答已采纳
当像这样包含ReCaptcha3时，我设法让它正常工作：
<script src="https://www.google.com/recaptcha/api.js?render=mykey"></script>
<script>
grecaptcha.ready(function() {
grecaptcha.execute('mykey', {action: 'homepage'}).then(function(token) {
document.getElementById(
浏览 8提问于2020-02-04得票数 2
回答已采纳
我发现了一些我不明白的del行为，希望你能给我一些洞察力。我试图用hello_triangle和glfw来实现OpenGL的PyOpenGL。关闭OpenGL窗口后，我的程序应该清理，但是glDeleteBuffers会引发TypeError，但前提是在__del__函数中调用它：
class Scene:
def __init__ (self):
# ...
self.buffer = glGenBuffers(1)
# ...
def __del__ (self):
# ...
glDelete
浏览 0提问于2019-03-03得票数 1
回答已采纳
3回答
所以我在我的应用程序中看到了一些非常奇怪的功能。我有一个带有嵌套属性的相当复杂的表单。基本上，在一个失败的验证上，我被返回到表单，失败的记录已经被复制。似乎模型在验证失败后初始化记录的方式可能是某种东西。
注意到：我正在使用表单来构建表单，但我排除了它的罪魁祸首。
我的模型相当复杂，但重要的部分是：
...
accepts_nested_attributes_for :users
...
after_initialize :build_structure
...
private
def build_structure
# builds the first user when the f
浏览 3提问于2012-03-05得票数 1
回答已采纳
2回答
可能的原因是我的行动呼叫延迟了？它发生在我拥有的一个表单上的所有动作调用上。在我单击将调用某个操作的anything之后(或者当dataTable的值应该在表单加载时求值时)，大约需要10秒才能调用该操作。(我通过设置断点，然后单击按钮进行了检查。)
你知道为什么吗？
这似乎是造成麻烦的部分：
<h:panelGroup id="someGroup">
<h:dataTable value="#{someHandler.keys}" binding="#{someHandler.dataTable}" var="key&
浏览 0提问于2011-05-24得票数 0
4回答
如果我用以下方式编写还原器，那么"render“方法就会被调用，这是一个预期的行为。这里没问题：
const initState = {
entries: ["test1"]
};
export const EntryReducer = (state = initState, action) => {
switch (action.type) {
case ADD_ENTRY:
return Object.assign({}, state, {
entries: s
浏览 0提问于2019-11-21得票数 0
回答已采纳
我有一些代码需要在rails 1.0应用程序的多个控制器中使用(由于奇怪的原因，我不能升级到较新的rails)。我已经将相关代码提取到一个文件服务器对象中，并使用around_filter构造来执行它。
在提取之前，我使用render_to_string()方法将呈现的部分内容转换为字符串。但是，这个方法是受保护的，所以我无法从我的Filter对象中访问它。作为一种变通方法，我尝试将以下代码添加到我的ApplicationController中：
def render_to_string(*a)
super(*a)
end
这似乎解决了保护级别问题，但现在我得到了错误：
Can only
浏览 3提问于2010-04-10得票数 0
回答已采纳
几个星期以来，我一直在为rails的双重渲染错误而苦苦挣扎(在这个操作中，渲染和/或重定向被多次调用。请注意，您只能调用render或redirect，并且在mos ....etc...)。
我计算出，如果我有这样的语句：
redirect_to action_name and return
我得到了双重渲染错误。但是，当我指定一个名为action_name_path的路由，并执行如下语句时：
redirect_to action_name_path
我不再得到双重渲染错误。为什么会这样呢？
浏览 0提问于2013-01-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
