javascript - 将多个 Prop 传递给 React 组件

Question

我正在尝试使用 ImageText 组件中的 Prop 传递两个参数。
我不确定这是不是正确的方法，或者我必须创建一个 map 然后传递它。

import React, { PropTypes, Component } from 'react'

const ImageText = () => (
    <div className="img-with-text">
        <img  className="img" src={props.imageUrl} />
        <p className="txt">{props.imageText}</p>
    </div>
);

export default ImageText;

如下调用另一个组件

<ImageText imageUrl="/js.com" imageText="food"/>

但是抛出错误为

Uncaught (in promise) ReferenceError: props is not defined
    at ImageText

Answer 1

在你的情况下，你使用的是“箭头函数”，它需要在括号内传递参数

const ImageText = () => (

应该是

 const ImageText = (props) => (

现在

let props = {
imageUrl:"/js.com",
imageText:""food""
}
<ImageText {...props} />

像访问 ImageText 一样

{props.imageUrl} or {props.imageText}