json react 展示工具,使用JSX在React中显示来自JSON / API的图像

I'm a React noob and I'm making an API request to retrieve JSON from a movie API and then displaying information about the movies, including the movie poster, in my component. I was able to retrieve and display text, but I am having trouble displaying images using JSX and the URL of the database.

I've assigned the images to post.poster_path and I'm attempting to concatenate the rest of the URL to the JSX.

This doesn't work.

poster_path contains the image, I have verfied this in React tools. How do I properly concatenate the rest of the URL to post.poster_path?

解决方案

If

post.poster_path = 'image.png'

and the whole url is

for your image then the img tag will be as follows

In JSX if you have a value in variable and need to concat with a string you use tick `

eg. {`string ${variableName}`}

and if post.poster_path has the whole path then: