Javascript 在React js中编写函数

嗨，我是新的反应和js

我试图写两个文本框，这样用户将插入两个数字，当点击添加按钮时，他将得到结果

我的建议是：

import React, { Component } from 'react';

export class Home extends Component {
displayName = Home.name

  render() {
    return (
        <div>
        <h1>Hello world! This is a new Web App</h1>

            <input type="text" name="" id="txt1" />
            +
            <input type="text" name="" id="txt1" />
            = <br/>
            <button onClick="add()">Add</button>

        </div>
      );
     }
    }

如果有人能编辑我建议的代码，这样它就能工作，那就太好了

---

提前感谢。

首先，您需要将函数绑定到您的上下文中。这可以通过以下方式实现：

---

this.myFunction.bind（）

您的代码只是告诉您没有React.js和React原生的正确知识

当然，您应该首先查看React.js basis，然后如果您想构建移动应用程序，请参阅React原生文档：

• React.js文档：
• React本机文档：

---

您似乎还没有读过关于如何在react中使用事件处理程序和表单控件的第一篇文章。尝试一下，您只需要使用react来呈现HTML并使用javascript。这与实际反应无关。请从阅读更多关于react组件的内容开始。也许要学习一些教程？谢谢。也许你也能在这里帮助我？

function add()
{
 var a = getElementById("txt1").value;
 var b = getElementById("txt2").value;
 alert(pardeInt(a)+parseInt(b));
}