This is the 12th day of my participation in the August More Text Challenge. For details, see: August More Text Challenge

Write in front:

  • This article as my study summary of the use, at the same time to share with you ~
  • Personal front-end blog site: zhangqiang.hk. Cn
  • Welcome to join the front-end learning QQ communication group of the blogger: : 706947563, focus on the front-end development, learning and progress together!
  • This chapter will show you how to customize your own styles, starting with changing the default styles of ant Design’s Input components. You can change the styles of any Ant Design component!

1 custom style renderings preview

Not around, later patch.

Method 1: Use inline style directly

Use style={{…. directly inside the tag }}, and write the desired style in parentheses, which will override the existing ANTD style.

3 Method 2 Use external styles

To do this, we need to click F12, check the page, find the corresponding style, copy it, and write our own style, so that when the page loads, we add our own properties (make sure that we do it layer by layer). For external imports, you can import ‘.\index.less’, which is a form of import.

  • eggs

Use the console. The log ()

Usually when we want to print an object, we print it like this

var obj = { name: 'Jack' };
console.log(obj);
​
obj.name= 'Rose';
console.log(obj);
Copy the code

What’s printed on the console may not be what we want

At this point, we can choose to use console.table() for the console display

var obj = { name: 'Jack' };
console.table(obj);
​
obj.name= 'Rose';
console.table(obj);
Copy the code

That’s a lot more comfortable.

Pick the eggs to Avue Cloud inside the front brick tip #4.

Oh, great! You got the end! Code word is not easy, like is the biggest support oh!