기본 면접 질문에 반응(공유)

【관련 주제 추천: react 면접 질문(2020)】

1. React에서 키의 역할은 무엇인가요?

key는 React에서 어떤 목록 요소가 수정, 삭제 또는 추가되었는지 추적하는 데 사용됩니다. 보조 식별자. diff 알고리즘에서 키는 요소 노드가 이동되었는지 또는 새로 생성된 요소인지 판단하여 불필요한 요소를 줄이는 데 사용됩니다. 반복 렌더링. 追踪哪些列表中元素被修改、删除或者被添加的辅助标识。在diff算法中，key用来判断该元素节点是被移动过来的还是新创建的元素，减少不必要的元素重复渲染。

2.  React 中有哪些构建组件的方式？

有什么区别？

• 函数组件看似只是一个返回值是DOM结构的函数，其实它的背后是无状态组件的思想。
• 函数组件中，你无法使用State，也无法使用组件的生命周期方法，这就决定了函数组件都是展示性组件，接收Props，渲染DOM，而不关注其他逻辑
• 函数组件中没有this
• 函数组件更容易理解。当你看到一个函数组件时，你就知道它的功能只是接收属性，渲染页面，它不执行与UI无关的逻辑处理，它只是一个纯函数。而不用在意它返回的DOM结构有多复杂

3.调用 setState 之后发生了什么？

4.react diff 原理

• 把树形结构按照层级分解，只比较同级元素
• 给列表结构的每个单元添加唯一的 key 属性，方便比较
• React 只会匹配相同 class 的 component（这里面的 class 指的是组件的名字）
• 选择性子树渲染。开发人员可以重写shouldComponentUpdate 提高 diff 的性能

5.为什么建议传递给 setState 的参数是一个 callback 而不是一个对象

因为this.props 和this.state 的更新可能是异步的，不能依赖它们的值去计算下一个 state

6.关于this绑定？

7.setState第二个参数的作用

该函数会在setState函数调用完成并且组件开始重渲染的时候被调用，我们可以用该函数来监听渲染是否完成

8.(在构造函数中)调用 super(props) 的目的是什么

在 super() 被调用之前，子类是不能使用 this 的，在 ES5 中，子类必须在 constructor 中调用 super()。传递 props 给 super() 的原因则是便于(在子类中)能在 constructor 访问 this.props

9.flux的思想和流程?

Flux 的最大特点，就是数据的"单向流动"。
流程：
用户访问view
view发送用户的action
dispatcher接收action，要求store进行相应的更新
store更新后，发送一个change事件
view收到change

2. React에서 컴포넌트를 빌드하는 방법은 무엇인가요?

• 차이점은 무엇인가요?
• 함수 구성 요소는 반환 값이 DOM 구조인 단순한 함수인 것처럼 보입니다. 사실 그 뒤에는 상태 비저장 구성 요소라는 아이디어가 있습니다.

함수 구성 요소에서는 State를 사용할 수 없으며 구성 요소의 수명 주기 방법을 사용할 수도 없습니다. 이는 함수 구성 요소가 모두 표시 구성 요소이고 Prop을 수신하고 DOM을 렌더링하며 다른 논리에 주의를 기울이지 않음을 결정합니다.

함수 구성요소가 더 이해하기 쉽습니다. 함수 구성요소를 보면 그 기능이 단지 속성을 수신하고 페이지를 렌더링하는 것일 뿐이라는 것을 알 수 있으며, UI와 관련이 없는 논리적 처리를 수행하지 않습니다. 반환되는 DOM 구조가 얼마나 복잡한지에 관계없이

3. setState를 호출한 후에는 어떻게 되나요?

4. React diff 원리

🎜레벨에 따라 트리 구조를 분해하고 동일한 레벨의 요소만 비교합니다.🎜🎜비교를 용이하게 하기 위해 목록 구조의 각 단위에 고유한 키 속성을 추가합니다.🎜🎜React는 동일한 클래스(여기서 클래스는 구성 요소의 이름을 나타냄)🎜🎜선택적 하위 트리 렌더링. 개발자는 diff 성능을 향상시키기 위해 shouldComponentUpdate를 재정의할 수 있습니다🎜🎜🎜5. this.props 및 this 때문에 setState에 전달된 매개변수가 객체 대신 콜백인 것이 권장되는 이유는 무엇입니까? 상태 업데이트는 비동기일 수 있으며 해당 값을 사용하여 다음 상태를 계산할 수 없습니다🎜🎜🎜6. 🎜🎜🎜 🎜7. setState의 두 번째 매개변수 역할🎜🎜🎜 이 함수는 setState 함수 호출이 완료되고 구성 요소가 다시 렌더링되기 시작할 때 호출됩니다. 이 함수를 사용하여 렌더링이 완료되었는지 모니터링할 수 있습니다. 8. (생성자중에서) super(props)를 호출하는 목적은 무엇인가요🎜🎜🎜super()가 호출되기 전에는 서브클래스가 이를 사용할 수 없습니다. ES5에서는 서브클래스가 생성자에서 super()를 호출해야 합니다. props를 super()에 전달하는 이유는 constructor🎜🎜🎜9에서 this.props에 대한 (서브클래스에서) 액세스를 용이하게 하기 위한 것입니다. Flux의 아이디어와 프로세스?🎜 🎜🎜Flux의 가장 큰 특징은 데이터의 "일방향 흐름"입니다.
프로세스:
사용자가 보기
보기에 액세스하고 사용자의 작업을 보냅니다. code>
디스패처는 action을 수신하고 그에 따라 store를 업데이트해야 합니다.
store가 완료된 후 업데이트됨, change 이벤트 보내기
view는 change 이벤트를 수신한 후 페이지를 업데이트합니다. 🎜🎜🎜10. React에서 Element와 Component의 차이점은 무엇인가요? 🎜🎜🎜createElement 함수는 JSX 컴파일 후 React Element를 생성하는 데 사용되는 함수입니다.🎜🎜cloneElement는 요소를 복사하고 새 Props🎜🎜🎜11을 전달하는 데 사용됩니다. createElement와 cloneElement🎜🎜🎜🎜🎜🎜 🎜 🎜더 많은 프로그래밍 관련 내용은 PHP 중국어 홈페이지 🎜프로그래밍 입문🎜 칼럼을 주목해주세요! 🎜

위 내용은 기본 면접 질문에 반응(공유)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!