Рендеринг изображения из содержимого поста WordPress в Gatsby Single Post

#reactjs #gatsby

#reactjs #gatsby

Вопрос:

Когда я визуализирую содержимое публикации в WordPress в своем блоге Gatsby, изображение сохраняет тот же удаленный URL.

введите описание изображения здесь

Как я могу это решить? Все остальные извлеченные изображения из ACF, Featured img и т. Д. Работают Отлично.

мой post.js компонент внутри Гэтсби:

 *imports......*

const postTemplate = ({ data: { post } }) => (
  <Layout>   
    <div className="container">
      <div className="row" style={{ marginBottom: '40px' }}>
        <PostSidebar
          date={post.date}
          author={post.author.name}
          categories={post.categories}
        />
        <PostContent className="col-lg-9">
          <h1 dangerouslySetInnerHTML={{ __html: post.title }} />
          <div dangerouslySetInnerHTML={{ __html: post.content }} />
        </PostContent>
      </div>
    </div>
  </Layout>
)

postTemplate.propTypes = {
  data: PropTypes.object.isRequired
}

export default postTemplate

export const pageQuery = graphql`
  query($id: String!) {
    post: wordpressPost(id: { eq: $id }) {
      title
      content
      author {
        name
      }
      date(formatString: "DD, MMMM, YYYY",  locale: "pt")
      categories {
        id
        name
        slug
      }
    }
  }
`  

Комментарии:

1. Какие версии gatsby-source-wordpress вы используете?

2. Привет! «gatsby-source-wordpress»: «^ 5.3.0»,

Ответ №1:

Согласно некоторым потокам GitHub, использование загруженных изображений WYSYWIG не поддерживалось gatsby-source-wordpress до версии 4:

Версия 4 была выпущена 2021/02/04 в соответствии с CHANGELOG.md и, в соответствии с датой публикации (2020/09/30), ваша проблема должна быть исправлена при загрузке версии вашего плагина.