当前位置: 首页 > news >正文

做网站多少分辨率就可以/免费招聘信息发布平台

做网站多少分辨率就可以,免费招聘信息发布平台,做家纺的主要国际网站,网络自媒体培训前言 有关一些资料rn中文网解释的很简略,想看详细一点的文档可以搜索React和ES6的相关文档,仔细看看没准儿 你就豁然开朗了! 复制代码 this 个人理解 有过Android开发经验的童鞋,对this这个对象都不陌生。使用起来很简单&#xff…

前言

    有关一些资料rn中文网解释的很简略,想看详细一点的文档可以搜索React和ES6的相关文档,仔细看看没准儿
你就豁然开朗了!
复制代码

this

个人理解

    有过Android开发经验的童鞋,对this这个对象都不陌生。使用起来很简单,但是就是要注意一下它的作用域。
复制代码

举个例子

    //箭头函数renderText1 = () => {return (<Text>name: {this.props.name}</Text>);}//普通函数renderText2() {return (<Text>name: {this.props.name}</Text>);}render() {     return (<View >{this.renderText1}{this.renderText2().bind(this)}</View>)}
复制代码
    这里箭头函数和普通函数最后显示的结果是一样的,但是官方推荐使用箭头函数(貌似是bind之后this指针回收
问题吧,具体原来还没找到)。这里还要指出一点,如果你调用普通函数写成{this.renderText2()}这样,那么外
部的this作用域就失效了,你运行代码就会报错。(找不到name的值)
复制代码

props

个人理解

    讲真要深入的分析它,笔者目前还做不到。其实要想使用好它,就先从字面意思上来,它的字面意思就是“属性”。做过Android的同学,第一次接触的时候
容易理解成Intent,就是使用上来说这种理解也没什么大的问题,但是它的作用比Intent要多,在ES6使用的特殊性也
不能类比Intent。说这么多估计要绕晕了,那么我们姑且就理解成值传递的工具吧!
复制代码

举个例子

 class TestProps extends Component {//指定属性的类型static propTypes = {name: PropTypes.string, age: PropTypes.string}//给属性设置默认值static defaultProps = {name: 'Solide'}render() {return (<Text>name: {this.props.name}         age: {this.props.age}</Text>);}
}
复制代码
    TestProps这个组件就设置好了Props的各种属性,使用的时候直接传递就可以了!
复制代码
    <TestProps age='30'/> //默认值<TestProps name='DouBi' age='31'/>  //不使用默认值
复制代码

再举个例子

//启动端代码
<Text onPress={() => navigate('World', {name: 'DouBi', age: 31})}>Hello Hello</Text>//接收端代码
render() {const { params } = this.props.navigation.state;return <View><Text>name : {params.name}     age : {params.age}</Text></View>}
复制代码

state

个人理解

    这个state很有味道,它和另外一个方法render()是联系起来的。怎么说呢?打个比方,用过Android的童鞋都
知道有一个叫做Adapter的东西,当他的数据改变的时候,你调用他的一个notify方法就能告诉UI去刷新。这个
state相当于把数据绑定了notify方法,只要它里面的数据有变更它就会去调用render()方法去渲染界面。
复制代码

举个例子

class Blink extends Component {constructor(props) {super(props);this.state = {showText: true};// 每1000毫秒对showText状态做一次取反操作setInterval(() => {//需要state里面的值,最好用setState方法this.setState(previousState => {//previousState 修改之前的state值return {showText: !previousState.showText};});}, 1000);}//每隔1s就会渲染一次,就出现象文字闪烁的效果render() {// 根据当前showText的值决定是否显示text内容let display = this.state.showText ? this.props.text : ' ';return (<Text>{display}</Text>);}
}
复制代码

Demo地址: https://github.com/yzj0487/StackNavigator

总结

    今天说的都是很基础的一些东西,不过还是要深入咀嚼一下,越是基础的东西使用的频率越高。笔者也是最近才
开始接触RN,根据自己的进度不定期更新,有理解不对的地方可以留言指出。复制代码
http://www.lbrq.cn/news/767269.html

相关文章:

  • 如何利用视频网站做推广/域名大全查询
  • 数据库和网站开发/策划网络营销方案
  • 佛山网站优化效果/青岛疫情最新情况
  • vps如何限制网站网速/抖音营销推广怎么做
  • 做柱状图好看的网站/企业关键词优化专业公司
  • 淘宝代运营公司一般怎么收费的/seo服务公司
  • 网站建设的大公司好/外链优化
  • 网站建设销售好做吗/推荐6个免费国外自媒体平台
  • 合肥专业做网站的公司哪家好/百度成都总部
  • 建设公司网站费用多少/如何做好企业推广
  • 秦皇岛网站建设多少钱/今日热搜榜排行榜
  • 太仓公司网站建设电话/全国疫情最新
  • 男女做那个那个的视频网站/如何查看百度指数
  • 网站建设申请理由/aso优化
  • 义乌市做网站/百度关键词快速优化
  • 杭州网站建设培训班/网络推广主要是做什么工作
  • 网站设置多少个关键词/百度平台官网
  • 用asp.net做购物网站/优化疫情政策
  • 做翻页电子书的网站/互动营销案例100
  • 安徽php网站建设/优化网站做什么的
  • 网购哪个网站好又便宜/百度一下官方网页
  • 太原网站建设哪家最好/淘宝店铺怎么免费推广
  • 衡水精品网站建设价格/网络广告类型
  • 网站建设功能需求/北京网站seo费用
  • 网站搭建者/网站查询备案信息
  • 做平面的素材网站/网络营销的手段有哪些
  • 温州做网站优化/高端企业网站定制公司
  • 上海徐汇网站建设公司/如何做免费网站推广
  • 网站标题作弊详解/推广网站的公司
  • 可以做样机图的网站/黄冈网站推广策略
  • 宋红康 JVM 笔记 Day01|JVM介绍
  • XCTF-warmup详细题解(含思考过程)
  • Git核心机制:工作区、暂存区与版本库
  • Pytest项目_day14(参数化、数据驱动)
  • 微软正式将GPT-5接入Microsoft Copilot Studio(国际版)
  • 肖臻《区块链技术与应用》第十讲:深入解析硬分叉与软分叉