React native 将useState用于映像地址时出错

当我试图将本地映像的地址与存储在useState中的值连接起来时，我遇到了一个问题

import React, { useState } from 'react';
import { ImageBackground, ScrollView } from 'react-native';
import { Container, Button, Text } from 'native-base';
import styles from './DescobertaGravidezStyle';
import Header from '../../../components/principalComponents/header/Header';

export default () => {
  const [bg, setBg] = useState('Green');

  return (
    <Container>
      <Header />
      <ImageBackground
        source={require(`../../../img/bg/bg${bg}.png`)}
        style={{ width: '100%', height: '100%' }}
      ></ImageBackground>
    </Container>
  );
};

import React，{useState}来自“React”；
从“react native”导入{ImageBackground，ScrollView}；
从“本机基”导入{容器、按钮、文本}；
从“/DescobertaGravidezStyle”导入样式；
从“../../../components/principalComponents/Header/Header”导入标题；
导出默认值（）=>{
const[bg，setBg]=useState（'Green'）；
返回(
);
};

您必须提供路径的物理地址，该地址不在状态或状态 一个变量。
仅仅是因为react native在运行之前绑定了它 代码
此外，如果要从变量使用它，则 创建一个在调用时返回路径的组件

更多详情请参阅：