React-Native导出Class和引用Class

96
loongod
2018.01.16 15:59 字数 116

导出

可以在创建类的时候直接在class前面加上export default

export default class Mine extends React.Component {
  render(){
    return (
      <View>
        <Text>Hello, Navigation!</Text>
      </View>
    );
  }
}

也可以在创建完后,添加export default ComponentName

class Setting extends React.Component {

  render() {
    return (
      <View>
        <Text>I am Setting</Text>
      </View>
    );
  }
}

export default Setting;

上面在export的时候后面都跟了个default,能不跟default吗?可以

export class Mine extends React.Component {
  render(){
    return (
      <View>
        <Text>Hello, Navigation!</Text>
      </View>
    );
  }
}

要是在最后导出的话,必须加上default了。

引用

添加default的引用的时候比较方便:
import Mine from './app/Mine';

没加default的,引用的时候就需要添加{ }
import { Mine } from './app/Mine';

React-native
Web note ad 1