react增删表格简单

最新推荐文章于 2024-06-25 11:44:23 发布

Mr_乐生.

最新推荐文章于 2024-06-25 11:44:23 发布

阅读量732

点赞数 1

文章标签： react.js javascript html

本文链接：https://blog.csdn.net/nmdlzkl/article/details/123484366

版权

这个博客展示了如何使用React创建一个简单的表格，允许用户添加和删除行。通过定义一个React组件，设置状态来存储表格数据，并使用内联事件处理函数进行交互。用户输入姓名和年龄，点击添加按钮将新数据添加到表格中，点击删除按钮会弹窗确认并移除对应行。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
       <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
       <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
   </head>
   <body>
       <div id="test"></div>
       <script type="text/babel">
           class MyComponent extends React.Component{
               state = {
                   obj:[
                       {id:1,name:"张三",age:18},
                       {id:2,name:"李四",age:18},

最低0.47元/天解锁文章

Mr_乐生.

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
react增删表格简单

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src...
复制链接

扫一扫