Question

我似乎无法在使用create-react-app创建的react应用中显示图像。这是我的目录结构：

build
node_modules
public
src
  assets
  components
    header
      ImportingComponent.js
  data
    data.js
  css

图像的路径位于data.js文件的数据目录中的对象中

import asdfgProfile from "../assets/IMG_20181128_182110.jpg";
import zxcvbProfile from "../assets/38492604_10157553680894256_362213635956670464_n.jpg";

const f =[
    {
        "name": "asdfg",
        "thumbnail": {asdfgProfile}
    },
    {
        "name": "zxcvb",
        "thumbnail": {zxcvbProfile}
    }

];
export default founders;

这是调用它的组件中的代码，

{props.founders.map( item =>
        <div className="firstFounder">
             <img src={(item.thumbnail)}></img>
             <h2>{item.name}</h2>
             <h3> {item.designation}</h3>
             <p>{item.blurb}</p>
        </div>
 )}

图像似乎无法渲染。我在这里做错什么了。

Answer 1

"Traceback (most recent call last):
  File "foodToTreatsMapper.py", line 18, in <module>
    new_items.add(Treat(**row))
TypeError: __new__() got an unexpected keyword argument 'blank_column'"

从const f =[ { "name": "asdfg", "thumbnail": {asdfgProfile} }, { "name": "zxcvb", "thumbnail": {zxcvbProfile} } ];，{zxcvbProfile}删除方括号，您正在创建{asdfgProfile}对象，而不提供值。

在React中渲染图像

1 个答案: