总结React关于require的问题

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

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

 

所以不行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')}

 

查看更多关于总结React关于require的问题的详细内容...