jack838347563#interview#React最新2021年面试题大汇总，附答案1

# React最新2021年面试题大汇总，附答案 ### 1、你的接口请求一般放在哪个生命周期中？ 接口请求一般放在`mounted`中，但需要注意的是服务端渲染时不支持mounted，需要放到`created`中。 ### 2、如何在 Redux 中定义 Action？ React 中的 Action 必须具有 type 属性，该属性指示正在执行的 ACTION 的类型。必须将它们定义为字符串常量，并且还可以向其添加更多的属性。在 Redux 中，action 被名为 Action Creators 的函数所创建。以下是 Action 和Action Creator 的示例： ``` function addTodo(text) { return { type: ADD_TODO, text } } ``` ### 3、如何在 React 中创建表单 React 表单类似于 HTML 表单。但是在 React 中，状态包含在组件的 state 属性中，并且只能通过 `setState()` 更新。因此元素不能直接更新它们的状态，它们的提交是由 JavaScript 函数处理的。此函数可以完全访问用户输入到表单的数据。 ``` handleSubmit(event) { alert('A name was submitted: ' + this.state.value); event.preventDefault(); } render() { return (

Name:

); } ``` ### 4、你对 React 的 refs 有什么了解？ Refs 是 React 中引用的简写。它是一个有助于存储对特定的 React 元素或组件的引用的属性，它将由组件渲染配置函数返回。用于对 render() 返回的特定元素或组件的引用。当需要进行 DOM 测量或向组件添加方法时，它们会派上用场。 ``` class ReferenceDemo extends React.Component{ display() { const name = this.inputDemo.value; document.getElementById('disp').innerHTML = name; } render() { return(