2024-05-11 react-native 相关面试题

 

1. React Native是什么？
   • React Native是Facebook开源的一个使用JavaScript和React编写原生应用的框架。它允许开发者使用JavaScript和React编写跨平台的移动应用，这些应用可以运行在iOS和Android平台上。
2. React Native有哪些优点？
   • 跨平台：一套代码可以开发出跨平台的app，减少了人力、节省了时间、避免了iOS与Android版本发布的时间差。
   • 高效：在DOM变化时，能快速定位元素并提升更新效率。
   • 原生组件和API：可以访问平台的原生组件和API。
3. React Native的生命周期是什么？
   • 这部分包括React组件的生命周期，例如挂载阶段（componentWillMount、render、componentDidMount）、更新阶段（componentWillReceiveProps、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate）、卸载阶段（componentWillUnmount）等。但请注意，React的新版本（如React 16.3及以后）中，某些生命周期方法已被废弃或更名。
4. React Native如何进行热更新？
   • React Native支持热更新（Hot Reloading），允许开发者在运行时替换应用中的代码，而无需重新加载整个应用。这可以大大提高开发效率。
5. React Native与原生开发相比有哪些差异？
   • 原生开发通常使用Objective-C（iOS）或Java/Kotlin（Android）进行开发，而React Native使用JavaScript和React。原生开发可以访问平台的所有原生功能和API，但开发成本较高；React Native则提供了跨平台的解决方案，但可能无法访问某些特定的原生功能。
6. 如何解决React Native的性能问题？
   • 这可能涉及多个方面，如优化代码、使用适当的库和工具、避免不必要的渲染等。具体的解决方案需要根据问题的具体情况而定。
7. React Native有哪些常用的组件？
   • React Native提供了许多常用的组件，如View、Text、Image、Button等。此外，还有第三方库提供的各种自定义组件，如表单组件、导航组件等。
8. 如何处理React Native中的状态管理？
   • 状态管理在React Native中非常重要。React本身提供了状态（state）和属性（props）的概念来管理组件的状态。对于更复杂的应用，可以使用Redux、MobX等状态管理库来管理全局状态。
9. React Native的布局系统是怎样的？
   • React Native使用Flexbox布局系统，类似于CSS中的Flexbox。这使得开发者可以轻松创建复杂的布局。
10. React Native的FlexWrap属性是如何工作的？
    • FlexWrap属性决定了当子元素在主轴方向上无法继续排列时，是否应该换行。默认情况下，FlexWrap属性是“nowrap”，即不换行。如果设置为“wrap”或“wrap-reverse”，则会在需要时换行。