代码之家 › 专栏 › 技术社区 › Ben Swindells

我的变量在JS函数JSX中没有递增

jsx dom reactjs html5 html

Ben Swindells · 技术社区 · 7 年前

在我的JSX函数中有一个小问题,变量I没有递增,只向控制台返回1。

function newTask() {
    var i = 0;
    i+=1; //or i++
    console.log(i);

    if(i == 1) {
        class NewTask extends React.Component {
            render() {
                return (<div class="new-task">True</div>);
            }
        }
        ReactDOM.render(<NewTask/>, document.getElementById('forms'));

    }
    else if(i == 2) {
        class NewTask extends React.Component {
            render() {
                return (document.body.getElementById('new-task'));
            }
        }
        ReactDOM.render(<NewTask/>, document.getElementById('forms'));
    }
}

感谢您的建设性反馈:)

1 回复 | 直到 7 年前

code 7 年前

这是因为您正在初始化变量 i newTask

所以每次你叫它, 初始化为0,然后递增为1。

您需要的是一个全局变量,您可以通过移动变量声明来实现这一点 我 在功能之外。

var i = 0;

function newTask() {
  i += 1; //or i++
  console.log(i);

  if (i == 1) {
    class NewTask extends React.Component {
      render() {
        return <div class="new-task">True</div>;
      }
    }
    ReactDOM.render(<NewTask />, document.getElementById("forms"));
  } else if (i == 2) {
    class NewTask extends React.Component {
      render() {
        return document.body.getElementById("new-task");
      }
    }
    ReactDOM.render(<NewTask />, document.getElementById("forms"));
  }
}

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前