今天我们来说一说RN的组件之间的通信。
ReactNative的核心之一是他的组件化,组件化的核心是组件之间的通信。
组件是有层级来区分的,譬如:父组件 子组件。
我们先来讲解一个例子。
这个是我们要实现的功能,是一个表单的一部分,首先我们想到的是抽象组件。
组件有2种状态
- 选中状态,显示后面的课时
- 未选中状态,不显示后面的课时
组件的代码如下:
import React, { Component } from 'react';
var {
StyleSheet,
View,
Text,
Image,
TextInput,
PixelRatio,
TouchableHighlight,
Dimensions,
TextInput,
TouchableWithoutFeedback,
TouchableOpacity,
} = require('react-native')
const {screenWidth, screenHeight} = Dimensions.get('window');
const PxRatio = 2;
export default class CourseType extends Component{
constructor(props) {
super(props);
this.state={
choosed