Question

React Native TypeError：未定义不是对象

2021-08-16

856

javascript reactjs react-native

我在评估 const 对象时遇到错误，这是一个最小的工作示例：

import React from "react";
import { View, StyleSheet } from "react-native";

const App = () => {
  return (
    <View style={styles.container}></View>
  );
}

const styles = StyleSheet.create({
  container: {
    backgroundColor:colors.bg,
  },
});

const colors = {
  bg:'blue',
}

export default App;

错误消息： TypeError：undefined 不是对象（评估“colors.bg”）

这里发生了什么？

Answer 1

您必须在 styles 之前定义 colors const。

尝试一下

import React from 'react';
import {View, StyleSheet} from 'react-native';

const App = () => {
  return <View style={styles.container}></View>;
};

const colors = {
  bg: 'blue',
};

const styles = StyleSheet.create({
  container: {
    backgroundColor: colors.bg,
  },
});

export default App;