fohui

您好，在组件打包那里遇到了问题： 执行yarn run build之后提示是这样的： ```yarn run v1.12.3 $ umi-lib build ℹ info Clean dist directory ℹ info Build cjs with rollup 'createElement' is not exported by 'node_modules/react/index.js' ℹ info Build...

副作用指组件渲染后额外需要处理的逻辑，一般包括： + DOM操作； + 网络请求； + 事件监听、取消； + 订阅/发布模式； + 定时器设置和取消 + 数据变化的处理逻辑，包括props、state、store + 数据收集、日志上报 + 本地数据操作，比如localStorage、cookie + 第三方库初始化 + 动画控制

核心原理： 1. 解析 SFC 中的不同模块（template、script、style、custom block），也支持通过 URL 查询参数 (?vue&type=script) 处理对应模块 2. 为每个块应用适当的loader，依赖@vue/compiler-sfc处理；compileTemplate处理template模版内容，最终编译为渲染函数；compileStyle依赖postcss处理样式，会在最终引入；compileScript处理script内容和 内容，支持TypeScript 转换，并生成最终的组件定义代码。 ```javascript // 伪代码示例 const finalCode = ` ${importStatements} ${propsTypeDefinitions} export default { ${inheritAttrs ? '' :...

是两种处理表单输入的不同方式 受控组件：组件的值由状态控制，并通过 事件回调 更新状态； ```javascript function ControlledInput() { const [value, setValue] = useState(''); const handleChange = (e) => { setValue(e.target.value); }; return ; } ``` 非受控组件：组件的值由DOM来控制，通过Ref 或 原生方法 获取组件的值； ```javascript...