码迷,mamicode.com
首页 > 其他好文 > 详细

总结Reacte关于require的问题

时间:2018-08-24 16:09:47      阅读:348      评论:0      收藏:0      [点我收藏+]

标签:关于   path   修改   bubuko   location   函数   col   set   实现   

我需要实现的是当登录页面传过来的sex值为1则性别一栏的图片修改为boy.png如果为0性别图片则显示为girl.png

最开始是这么写的为了让他成为变量

 

乍一看没有报错误,但其实require里面放的是文件地址技术分享图片 

技术分享图片

 

技术分享图片

 

所以不行ok我们回到React的生命周期函数componentWillMount()

在第一次渲染之前使用

constructor(...args){

super(...args);

  this.state={

    name:this.props.location.query.name,

    sex:this.props.location.query.sex,

    path:"",

  };

}

componentWillMount(){

  let path = require(‘../images/girl.png‘);

  if(this.state.sex===1)

  path = require(‘../images/boy1.png‘);

  this.setState({

    path:path

  });

}

 

 

这样就可以实现功能

那其实也可以设置全局变量当然这样非常浪费资源

所以也可以在render里去定义

 技术分享图片

 

然后

 技术分享图片

 

至于如何让他是个变量嘛也就很简单啦

也可以尝试用条件表达式实现

{this.state.sex==1?image = require(‘../images/boy‘):image = require(‘../images/girl‘)}

 

总结Reacte关于require的问题

标签:关于   path   修改   bubuko   location   函数   col   set   实现   

原文地址:https://www.cnblogs.com/RikuBlog/p/9530057.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!