web前端
文章平均质量分 72
web前端技术
爱伴秋天和风
这个作者很懒,什么都没留下…
展开
-
react-native 中使用i18n
react-native 中使用i18nyarn add react-native-i18n配置 index.jsimport 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原创 2022-05-23 23:05:58 · 722 阅读 · 0 评论 -
react 知识点三
react 知识点三1. Refs 转发Ref 转发是一项将 ref 自动地通过组件传递到其一子组件的技巧。对于大多数应用中的组件来说,这通常不是必需的。但其对某些组件,尤其是可重用的组件库是很有用的。const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button>));原创 2022-05-19 22:44:41 · 195 阅读 · 0 评论 -
react知识点二
react知识点二1.懒加载React.lazyReact.lazy 函数能让你像渲染常规组件一样处理动态引入(的组件)。/// 使用之前:import OtherComponent from "./OtherComponent";/// 使用之后:const OtherComponent = React.lazy(() => import("./OtherComponent"));/// 完整的示例/// fallback 属性接受任何在组件加载过程中你想展示的 React 元原创 2022-05-18 21:55:51 · 177 阅读 · 0 评论 -
react 知识点一
react知识点(持续更新中)1. JSXReact 并没有采用将html标签与逻辑进行分离到不同文件这种人为地分离方式(vue是在一个vue中,但是在不同的部分),而是通过将二者共同存放在称之为“组件”的松散耦合单元之中,来实现关注点分离。这样做的好处:JSX 和 UI 放在一起时,会在视觉上有辅助作用(更方便的看某块内容,而不是需要上下滑动查看);它还可以使 React 显示更多有用的错误和警告消息。JSX 可以防止注入攻击JSX 可以表示对象Babel 会把 JSX 转译成一个名为原创 2022-05-13 21:49:07 · 211 阅读 · 0 评论