将道具发送给React Native中的无状态组件

Question

我试图将图像源和标题发送给React Native中的定制无状态组件，如Props。（ImageSource和Title）

props.imagesource系列正在造成错误，任何帮助都会理解。这是所讨论的代码：

const MainPageButton = (props) => {
    var imageSource = require({props.imageSource});
    return (
        <TouchableOpacity>
          <Image source={imageSource} />
          <Text>{props.title}</Text>
        </TouchableOpacity>
    )
}

Answer 1

您应该使用破坏对象：

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将为您提供足以使用