如何使用React

Question

我对MVC和React很新。我试图用React在MVC.NET中实现crud操作。我正在显示一个带有编辑和放大器的网格。删除每条记录对应的链接。单击编辑按钮时，我将显示一个表单，其中相应的数据显示在文本字段中。执行所需更改后，单击“提交”按钮，我希望更改反映为相应的ID。

这是我的网格：

此处点击编辑按钮显示以下组件

var Editscreen = React.createClass({
    getInitialState: function () {
        debugger;
        return {

        }
    },
    render: function (data) {
const element = <div>
<p>EmployeeID
<br />
<input type="text" value={data.EmployeeID} /></p>
<br /><p>FirstName
<br />
<input type="text" value={data.FirstName} /></p>
<br /><p>LastName
<br />
<input type="text" value={data.LastName} /></p>
<br /><p>Gender
<br />
<input type="text" value={data.Gender} /></p>
<br /><p>Designation
<br />
<input type="text" value={data.Designation} /></p>
<br /><p>Salary
<br />
<input type="number" value={data.Salary} /></p>
<br /><p>City
<br />
<input type="text" value={data.City} /></p>
<br /><p>Country
<br />
<input type="text" value={data.Country} /></p>
<button type="submit">Submit</button>   
                                           </div>;


    }

});

将显示为：

单击“提交”按钮，将数据发布到控制器方法的最佳方法是“UpdateData”。使用代码的详细说明将非常有用。感谢。