ReactJS-图像src调用另一个文件夹错误

Question

这就是它的样子

<img className='imgclass' src={"../" + require(aLc.value)} alt='' key={aLc.value} />

我需要像路径../m/b/image.jpg ，而aLc.value包含路径/m/b/image.jpg ，所以我只需添加.. bafore路径文件夹，但没有奏效。 我试图像上面的示例中一样，但是它给了我错误Error: Cannot find module '/m/b/image.jpg' 。 我试着做

<img className='imgclass' src={require(".." + aLc.value)} alt='' key={aLc.value} />

但这给了我错误Error: Cannot find module "."

我该如何解决？

@edit-地图功能-已解决

const ProductsList = ({ data: {loading, error, allLinks }}) => {
  if (loading) {
    return <p>Loading ...</p>;
  }
  if (error) {
    return <p>{error.message}</p>;
  }

  return (
    <div className="productList">
        <div className="container">
            <div className="row">
        {
            allLinks.items.map( aL =>
            <div key={aL.id} className="product">

            {
                aL.custom_attributes.map( aLc =>

                    aLc.__typename === 'CustomString' && aLc.attribute_code === 'image'

                        ? <img className='imgclass'  src={require(`../components${aLc.value}`} alt='' key={aLc.value} />  //without subordinate folder 'components' react auto delete one of dots e.g (require(`..${aLc.value}`) => Error: Cannot find module '.' because react deleted one dot.
                    :  aLc.__typename === 'CustomString' && aLc.attribute_code === 'description'
                        ? <div key={aL.id}>{aLc.value}</div>
                    :  aLc.__typename === 'CustomArray'
                        ?   aLc.aliasVar.map( aV => <div key={aV}>{aV}</div>)
                    : null


                )

            }
            </div> )
        }
            </div>
        </div>
    </div>
  );
};

allLinks是api的类型名称。 所有值都存在于api中。

Answer 1

您可以简单地写：

<img className='imgclass' src={`../${aLc.value}`} alt='' key={aLc.value} />

它将有望工作。