import React,{Component} from 'react';
import {AppRegistry,Text, TextInput,View} from 'react-native';
export default class PizzaTranslator extends Component {
constructor(props) {
super(props);
this.state = {text:''};
}
render() {
return (
<View style={{padding:10,flex:1,justifyContent:'center'}}>
<TextInput
style={{height:40}}
placeholder="Type here to translate!"
onChangeText={(text) => this.setState({text})}
/>
<Text style={{padding:10,fontSize:42}}>
{this.state.text.split(' ').map((word) => word && '??').join(' ')}
</Text>
</View>
);
}
}
關于{this.state.text.split(' ').map((word) => word && '??').join(' ')}這段代碼，可以理解為旺隙，text文本先根據空格分隔成數組，再通過map方法遍歷首懈，其中map((word)=>部分,word是遍歷數組的item窄陡，=>代表匿名函數,&&則表示符號前的值不為空時，返回&&后的值鉴竭。
javascript中歧譬，&&和||的用法比較神奇，經常用在對象上搏存，例如a || b瑰步，如果a不存在，則返回b璧眠。a && b缩焦，如果a存在，則返回b责静，否則返回a袁滥。
