zzttwzq的专栏

react-native 中使用i18n yarn add react-native-i18n 配置 index.js import i18n from "react-native-i18n"; import en from "./en"; import zh from "./zh"; i18n.defaultLocale = "en"; i18n.fallbacks = true; i18n.translations = { en, zh, }; export { i18n }; 配置 en

react 知识点三 1. Refs 转发 Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧。对于大多数应用中的组件来说，这通常不是必需的。但其对某些组件，尤其是可重用的组件库是很有用的。 const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> ));

react知识点二 1.懒加载 React.lazy React.lazy 函数能让你像渲染常规组件一样处理动态引入（的组件）。 /// 使用之前： import OtherComponent from "./OtherComponent"; /// 使用之后： const OtherComponent = React.lazy(() => import("./OtherComponent")); /// 完整的示例 /// fallback 属性接受任何在组件加载过程中你想展示的 React 元

react知识点（持续更新中） 1. JSX React 并没有采用将html标签与逻辑进行分离到不同文件这种人为地分离方式(vue是在一个vue中，但是在不同的部分)，而是通过将二者共同存放在称之为“组件”的松散耦合单元之中，来实现关注点分离。 这样做的好处： JSX 和 UI 放在一起时，会在视觉上有辅助作用（更方便的看某块内容，而不是需要上下滑动查看）；它还可以使 React 显示更多有用的错误和警告消息。 JSX 可以防止注入攻击 JSX 可以表示对象 Babel 会把 JSX 转译成一个名为