前端面试题react
2020-07-14 06:09
281 查看
1. ReactJS中渲染根组件的方式以及注意事项
答案:
ReactDOM.render(A,B);将A渲染到B指定的容器中
注意事项:
不允许一次渲染多个标签,但是可以放在同一个顶层标签
每一个标记都要有对应的结束
2. ReactJS中父子组件通信的方式
(1) 父与子通信
借助于属性 往下传值
传值:
son myName=”123”></son.
接受值:
this.props.myName
(2) 子与父通信
通过属性传递有参数的方法 让子组件调用是传值
①定义有参数的方法
rcvMsg(msg){}
②传递给子组件
③子组件来调用
This.props.funcRcv(123)
3. 如何在组件渲染时,调用组件内部嵌套的子组件
This.props.children
4. 组件的生命周期
mount:
componentWillMount
componentDidMount
update:
componentWillUpdate
componentDidUpdate
componentWillReceiveProps
unmount:
componentWillUnmount
5. 在组件渲染时 实现判断和循环功能
(1) 判断
短路逻辑
{ expression && <Any></Any> }
(2) 循环
遍历集合
this.state.list .map((value,index)=>{ return <li key={index}> {value} </li> })
6. 描述ReactNative的特点和开发理念
ReactNative是实现原生开发的框架
可以使用react的语法和js来编写
开发理念:
Learn once,write anywhere
7、react中是如何处理网络通信的
fetch(url).then((response)=>response.json()).then((result)=>{})
8、react中循环创建多个组件时指定key的作用?
在dom变化时 快速定位元素 提升更新效率
9、react的生态圈(技术栈)中有哪些常见技术?
reactjs、 reactNative、 react360 、flux、 redux、 ssr、 reactNavigation…
10、基于reactNative的reactNavigation中的基础用法?
跳转:
this.props.navigation.navigate()
传参:
this.props.navigation.navigate(‘detail’,{id:10})
this.props.navigation.getParam(‘id’)
11、 reactNative中如何实现一个高性能列表
import {FlatList} from ‘react-native’ showItem=(info)=>{ return **** } <FlatList data={[1,2,3]} renderItem=”showItem”></FlatList>
12、 reactNative中如何完成自定义布局
可以使用c3中的flexbox
相关文章推荐
- 2020前端最新面试题总结(js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源)(3年前端菜鸟级开发师含泪总结)
- 前端面试题全面整理-带解析 涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node
- 2020前端面试题之 react
- 前端面试题
- react+redux 前端开发流程
- 前端面试题(市场上流传最广的)
- 前端面试题准备 3
- 前端简单面试题
- 初级前端高频面试题之VUE
- 前端面试题整理(一)
- 在 React 框架中使用 SpreadJS 纯前端表格控件
- 前端面试题(二)----前端模块化和组件化的区别和联系
- 前端面试题
- 2020前端最新面试题(vue篇)
- 前端面试题链接
- 年总结2015前端面试题集锦及答案解析
- 【前端面试重点】React面试常考知识点:React组件实例的生命周期
- 2018年各大互联网前端面试题五(今日头条)
- WEB前端面试题整理列表
- react与vue: 实现纯前端导出excel(高效率秒下载)——上手就能用