前端项目实战209-识别pda小demo

最新推荐文章于 2023-06-29 09:38:33 发布

前端歌谣

最新推荐文章于 2023-06-29 09:38:33 发布

阅读量194

点赞数

文章标签： javascript 前端 react.js

本文链接：https://blog.csdn.net/qq_41632427/article/details/128036749

版权

前端记录-work-react-最近工作专栏收录该内容

212 篇文章 3 订阅

订阅专栏

本文介绍了如何使用React和Ant Design库创建一个简单的应用，包含一个可以输入文本的Input组件和一个清空内容的Button。通过useState钩子管理输入框的内容，并实现了点击按钮后清空输入内容的功能。

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

import React, {useState} from 'react';
import {Input, Button} from 'antd';
function App() {
  const [content, setContent] = useState('');
  const handleChange=(e)=>{
    setContent(e.target.value);
  }
  const cleanText=()=>{
    setContent('');
  }
  return (
    <div>
      <Input id='scanid' value = {content} onChange={handleChange}></Input>
      <Button onClick={cleanText}>清除</Button>
    </div>
  );
}

export default App;