/*
name:'李小小',
time:'2018-11-22',
type:'React <---> demo'
*/
import React from 'react';
let inArray = function (item,array) {
if(!array || array.length === 0)
return false;
for(let i = 0; i < array.length ; i ++){
if(array[i] === item)
return true;
}
return false;
};
export default class extends React.Component{
constructor(props) {
super(props);
this.state = {
id : 4 ,
types: {
"first": [1, 2, 3],
"last" : [4,5]
},
value:'',
}
}
renderValue(){
let {id, types} = this.state;
let value = () =>{
if(!id)
return '空';
for(let i in types){
let array = types[i];
if(inArray(id,array)){
switch (i) {
case "first" :
return 'first';
case "last" :
return 'last';
}
}
}
return '空值 ==> 报错';
};
console.log(value());
this.setState({
value:value()
})
}
componentDidMount(){
this.renderValue();
}
render(){
let {value} = this.state;
return(
<div>
{'当前ID在' + value +'数组中;'}
</div>
)
}
}
React基于ES6语法糖判断数据存放在哪个数组中。
最新推荐文章于 2021-12-18 09:37:34 发布