Я пытаюсь использовать gatsby-remark-images
вместе с gatsby-remark-component
, чтобы получить проанализированный путь к изображению в пользовательском компоненте.
Оба плагина прекрасно работают самостоятельно.Я сейчас пытаюсь установить пользовательский компонент, который имеет определенный макет для пользовательского и выравнивания:
уценка
<img alt="Some alt text" src="foo.png" caption="Some caption" align="center"></img>
Икомпонент:
JSX
<Container align={align}>
<img src={src} alt={alt} title={caption} />
{caption && (
<Caption>{caption}</Caption>
)}
</Container>
К сожалению, src
не будет пойман gatsby-remark-images
при выполненииthis.
Есть ли альтернативный подход к решению этой проблемы?Не похоже, что gatsby-remark-images
обеспечивает достаточную детализацию рендеринга деталей, чтобы свести на нет использование gatsby-remark-component
, хотя я мог что-то упустить.