面试——react篇（2026）
React 是什么？ React 是一个用于构建用户界面的 JavaScript 库，核心是组件化、声明式 UI 和状态驱动视图。 React 只关心视图层，本身不强制路由、请求、状态管理方案。 它适合把复杂页面拆成多个可复用组件，再通过数据变化驱动页面更新。 React 的核心思想有哪些？ 组件化：把页面拆成独立组件，降低维护成本。 声明式：描述 UI 的最终状态，不直接命令式操作 DOM。 单向数据流：父组件通过 props 向下传递数据，子组件通过回调通知父组件。 状态驱动视图：state 或 props 变化后，React 重新计算 UI。 React 和 Vue 的区别？ React 更偏函数和 JSX 表达能力，Vue 更偏模板和渐进式框架体验。 React 官方生态相对克制，路由、状态、请求多由社区方案组合。 Vue 提供更多内置约定，比如模板语法、指令、SFC、响应式系统等。 面试时不要说谁更好，重点说团队技术栈、项目复杂度和生态选择。 JSX 是什么？ JSX 是 JavaScript 的语法扩展，可以在 JS 中写类似 HTML 的结构。 JSX ...
react
环境搭建初始化项目 执行命令npx create-react-app react-demo-ts --template typescriptcd react-demo-tsnpm start 优化项目结构，优化后的项目结构如下： 安装react-router v6 执行命令：npm install –save react-router-dom@6 在src下新建router/index.jsimport React from 'react';import { Routes, Route } from 'react-router-dom';import Layout from '../layout';import Category from '../views/Category';import Home from '../views/Home';import Login from '../views/Login';functio...
面试——react篇
解释一下 Flux Flux 是一种强制单向数据流的架构模式。它控制派生数据，并使用具有所有数据权限的中心 store 实现多个组件之间的通信。整个应用中的数据更新必须只能在此处进行。 Flux 为应用提供稳定性并减少运行时的错误。 Flux 的最大特点，就是数据的”单向流动”。 过程： 用户访问 View View 发出用户的 Action Dispatcher 收到 Action，要求 Store 进行相应的更新 Store 更新后，发出一个”change”事件 View 收到”change”事件后，更新页面 了解redux么？说一下redux redux 是一个应用数据流框架，主要是解决了组件间状态共享的问题，原理是集中式管理， 主要有三个核心方法，action，store，reducer。 工作流程是 view 调用 store 的 dispatch 接收 action 传入 store，reducer 进行 state 操作，view 通过 store 提供的 getState 获取最新的数据，flux 也是用来进行数据操作的，有四个组成部分 action，di...
