张羽的博客

受控组件（Controlled Components）和非受控组件（Uncontrolled Components）是 React 表单元素的两种状态管理方式，它们之间的主要区别在于组件的值由谁来管理。受控组件：在受控组件中，表单元素的值由 React 组件的状态（state）来管理。当输入框的值发生变化时，会触发状态更新，从而使输入框的值受到 React 控制。render() {return (<input/>适用场景：适用于需要对表单数据进行验证、处理、或在多个组件间共享数据时。

React Router是一个用于管理路由和导航的库，允许您在React应用中实现单页面应用（SPA）的路由功能。是一个用于处理前端路由的库，它允许您在React应用中创建不同的路由和页面，并通过URL来导航和呈现不同的视图。

函数组件：函数组件是纯JavaScript函数，接受props作为参数，并返回用于渲染UI的React元素。它通常没有内部状态（在React 16.8之前）。函数组件通过使用useState和其他钩子来管理状态。类组件：类组件是ES6类，扩展自，并可以拥有内部状态和生命周期方法。它通常用于复杂的组件，需要内部状态管理、生命周期方法、或者使用React的上下文。render() {区别主要区别是函数组件通常更简洁，易于理解，并且由于没有类的开销，性能更好。类组件需要更多的样板代码。

React的Strict Mode（严格模式）是一种特殊模式，用于帮助开发者识别和解决React应用中潜在问题。提供额外的警告：Strict Mode会检测一些不安全或潜在问题，并在开发者控制台中提供相关警告。这有助于识别并解决潜在的bug。检测不安全的生命周期方法：Strict Mode会在不安全的生命周期方法（如）被使用时发出警告，因为这些方法在未来的React版本中将被弃用。捕获副作用操作：Strict Mode会在渲染期间捕获某些副作用操作，如副作用操作的重复调用，从而有助于调试和优化。

</div>return (<div>

)} />

React的Context API是一种用于在组件树中传递数据的方式，而不必手动通过Props一层一层传递。Context API包括Provider和Consumer。全局数据：将全局数据，如用户身份、主题等，共享给整个应用。主题切换：允许用户切换应用的主题，而不必手动将主题传递给每个组件。国际化（i18n）：在多语言应用中，Context可用于传递当前语言和翻译函数。使用Context API可减少Props层层传递的复杂性，但要小心不要滥用，因为它会导致组件之间的紧密耦合。

React是一个用于构建用户界面的JavaScript库，由Facebook开发和维护。组件化开发：React将UI拆分为小的可重用组件，使开发和维护更加模块化和可扩展。虚拟DOM：React使用虚拟DOM来减少对实际DOM的操作，提高性能。单向数据流：React采用单向数据流的模型，使状态管理更加可控和可预测。生态系统：有丰富的生态系统，包括大量第三方库和工具，如React Router和Redux，以满足各种需求。社区支持：拥有庞大活跃的社区，有众多教程、文档和开发者分享的资源。