Question

我正在尝试将图像源和标题作为道具发送到React Native中的自定义无状态组件。（imageSource和Title）

props.imageSource行导致错误，任何帮助表示赞赏。以下是有问题的代码：

const MainPageButton = (props) => {

    var imageSource = require({props.imageSource});

    return (
        <TouchableOpacity>
          <Image source={imageSource} />
          <Text>{props.title}</Text>
        </TouchableOpacity>
    )
}

Answer 1

您应该使用object destructuring代替：

const MainPageButton = ({imageSource, title}) => {

  var imageSource = require(imageSource);

  return (
    <TouchableOpacity>
      <Image source={imageSource} />
      <Text>{title}</Text>
    </TouchableOpacity>
  )
}

Answer 2

替换

var imageSource = require（{props.imageSource}）;

带

var imageSource = require（props.imageSource）;

props.imageSource将为您提供足以供您使用的字符串

在本机中发送无状态组件的道具

2 个答案: