react-native 学习四 入门基础

react-native：
React Native 看起来很像 React，只不过其基础组件是原生组件而非 web 组件。要理解 React Native 应用的基本结构，首先需要了解一些基本的 React 的概念，比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了 React，那么还需要掌握一些 React Native 特有的知识，比如原生组件的使用。这篇教程可以供任何基础的读者学习，不管你是否有 React 方面的经验

ES2015 （也叫作 ES6）

大多数组件在创建时就可以使用各种参数来进行定制。用于定制的这些参数就称为props（属性）

请注意{pic}外围有一层括号，我们需要用括号来把pic这个变量嵌入到 JSX 语句中。括号的意思是括号内部为一个 js 变量或表达式，需要执行后取值。因此我们可以把任意合法的 JavaScript 表达式通过括号嵌入到 JSX 语句中

react-native中：

export default class HelloWorldApp extends Component {
	render() {
		return (
			<View>
				// 只能有一个View，不能并列View，当然可以嵌套View
				// 可以自定义组件，{} 代表的是变量
			</View>
		);
	}
}

仅仅使用props和基础的Text、Image以及View组件，你就已经足以编写各式各样的 UI 组件了。要学习如何动态修改你的界面，那就需要进一步学习 State（状态）的概念

实际开发中，我们一般不会在定时器函数（setInterval、setTimeout 等）中来操作 s