Reactjs 当我使用const{myCardStyle}=this.myStyles时；在下面的类中，它显示错误

我在学英语。在我的应用程序中，对于其中一个组件，当我使用

this时。

at

const{myCardStyle}=this.myStyles在下面的类中，它显示错误：
可能未处理的承诺拒绝…
，但是当我将其放在没有
的情况下时，它就工作了

const Card = (myProps) => {

const { myCardStyle } = myStyles;
console.log(8 + myProps.children);
  return(
    <View style={myCardStyle}>
      {myProps.children}
    </View>
  );

};

const myStyles = {
  myCardStyle: {
     blabla
  }
};

const Card=（myProps）=>{
const{myCardStyle}=myStyles；
console.log（8+myProps.children）；
返回(
{myProps.children}
);
};
常量myStyles={
myCardStyle：{
布拉布拉
}
};
const
无需
此
关键字的帮助即可访问。看看下面的例子。类可以全局访问样式，而无需使用此关键字

当我们想要访问绑定到类的state或prop对象时，使用此
关键字。通常，您可以使用
bind
关键字绑定finction

/**
*示例React本机应用程序
* 
*@flow
*/

import React，{Component}来自'React'；
进口{
评估学，
样式表，
文本，
看法
}从“反应本机”；
导出默认类VideoExample扩展组件{
__单击（）{
//如果你想在这里访问这个关键字
//你必须绑定这个函数
}
render（）{
返回(
欢迎来到这里！
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
对齐项目：“居中”，
背景颜色：“#F5FCFF”，
},
});
AppRegistry.registerComponent（'VideoExample'，（）=>VideoExample）；
尝试在卡方法内部和之前移动const myStyle
const{myCardStyle}=myStyles

const Card = (myProps) => {
  const myStyles = {
    myCardStyle: {
       blabla
    }
  };

  const { myCardStyle } = myStyles;
  console.log(8 + myProps.children);
  return(
    <View style={myCardStyle}>
      {myProps.children}
    </View>
  );

};

const Card=（myProps）=>{
常量myStyles={
myCardStyle：{
布拉布拉
}
};
const{myCardStyle}=myStyles；
console.log（8+myProps.children）；
返回(
{myProps.children}
);
};
样式是在类VideoExample之外定义的，因此您无法使用this.myStyles访问它。
您可以通过变量名直接引用该变量，如果您想在另一个类中访问该变量，可以通过VideoExample.myStyles访问该变量。
这将仅在绑定的类或函数中起作用。你可以访问const而不使用这个关键字。你能添加更多信息并作为答案吗，谢谢
const Card = (myProps) => {
  const myStyles = {
    myCardStyle: {
       blabla
    }
  };

  const { myCardStyle } = myStyles;
  console.log(8 + myProps.children);
  return(
    <View style={myCardStyle}>
      {myProps.children}
    </View>
  );

};