React basic interview questions (share)

[Related topic recommendations:react interview questions(2020)]

1. The role of keys in React is What?

key is used in React totrackwhich elements in the list have beenmodified,deletedoradded'sauxiliary identifier. Indiff algorithm, key is used todeterminewhether the element node has been moved or a newly created element, reducingunnecessaryelementsduplication Render.

2. What are the ways to build components in React?

What's the difference?

• The function component seems to be just a function whose return value is a DOM structure. In fact, behind it is the idea of stateless components.
• In function components, you cannot use State, nor can you use the component's life cycle method. This determines that function components are all display components, receiving Props, rendering DOM, and not paying attention to other logic
• There is no this in the function component
• The function component is easier to understand. When you see a function component, you know that its function is just to receive properties and render the page. It does not perform logical processing that has nothing to do with the UI. It is just a pure function. Regardless of how complex the DOM structure it returns is

3. What happens after calling setState?

4. React diff principle

• Decompose the tree structure according to levels, and only compare elements at the same level
• to the list Each unit of the structure adds a unique key attribute to facilitate comparison
• React will only match components of the same class (the class here refers to the name of the component)
• Selective subtree rendering. Developers can override shouldComponentUpdate to improve diff performance

5. Why is it recommended that the parameter passed to setState is a callback instead of an object

becausethis. The updates of propsandthis.statemay beasynchronous, and their values cannot be relied upon to calculate the next state

6. About this Binding?

7.The role of the second parameter of setState

This function will be called when the setState function call is completed and the component starts to re-render. , we can use this function to monitor whether rendering is completed

8. (In the constructor) What is the purpose of calling super(props)

In super() Subclasses cannot use this before being called. In ES5, subclasses must call super() in the constructor. The reason for passing props to super() is to facilitate (in subclasses) the idea of accessingthis.props

9.flux in

And process?

The biggest feature of Flux is the "one-way flow" of data.
Process:
User accessview
viewSend the user’saction
dispatcherReceiveactionand requirestoreto make corresponding updates
storeAfter the update, send achangeevent
viewAfter receiving thechangeevent, update the page.

10. What is the difference between Element and Component in React?

• The createElement function is a function used to create React Element after JSX compilation.
• cloneElement is used to copy an element and pass in new Props

11.What is the difference between createElement and cloneElement

For more programming related content, please pay attention to php Chinese websiteIntroduction to ProgrammingColumn!

The above is the detailed content of React basic interview questions (share). For more information, please follow other related articles on the PHP Chinese website!