Input input box (antd-design component library) is easy to use

1.Input input box

Entering content through the mouse or keyboard is the most basic form field packaging.

2. When to use

When the user is required to enter form field content.

Provide a combined input box, an input box with search, and you can also choose the size.

The component code comes from: input box Input - Ant Design

3. Preparation before local verification

Refer to the article [react project + antd component-demo:hello-world react project + antd component-demo:hello-world_Western Jin's no1 blog-CSDN blog ], enter the code that needs to be used locally in the input box Input - Ant Design Copy and cover all the codes in App2.js , start the code, you can view the phenomenon and change the code locally.

4. Simple usage of local verification Input.

Copy the code shown in the figure below to understand the simple usage of Input.

5. See how to use the input box with the search button

Copy the code shown in the figure below to learn how to write an input box with a search button .

This article only introduces part of the input component. For more information, please refer to the official document: input box Input - Ant Design

Guess you like

Origin blog.csdn.net/xijinno1/article/details/132138402