How to use the prismic-reactjs.RichText function in prismic-reactjs
To help you get started, we’ve selected a few prismic-reactjs examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
luangjokaj / i4h / src / Components / Designers / Designers.js View on Github 
render() {
const { doc } = this.state;
if (doc) {
return (
<div>
<div>
<img alt="{PrismicReact.RichText.asText(doc.data.designer_name)}/" src="{doc.data.image.url}">
<div>
<div>
{PrismicReact.RichText.asText(doc.data.designer_name)}
{doc.data.portfolio.url && <a href="{doc.data.portfolio.url}"> Portfolio</a>}
</div>
<div>
{doc.data.behance.url && <a href="{doc.data.behance.url}"></a>}
{doc.data.dribbble.url && <a href="{doc.data.dribbble.url}"></a>}
{doc.data.twitter.url && <a href="{doc.data.twitter.url}"></a>}
</div>
</div>
</div>
</div>
)
} else if (this.state.notFound) {
return ;
}
return ;render() {
const { doc } = this.state;
const { history } = this.props;
if (doc) {
return (
<div>
<title>
{doc.data.title && PrismicReact.RichText.asText(doc.data.title)} • Interfaces 4 Humans
</title>
<content>
<main>
<div>
<button>
{' '}
Back
</button>
<div>
{doc.data.livelink.url && (</div></div></main></content></div>render() {
const { doc } = this.state;
if (doc) {
return (
<div>
<div>
<img alt="{PrismicReact.RichText.asText(doc.data.designer_name)}/" src="{doc.data.image.url}">
<div>
<div>
{PrismicReact.RichText.asText(doc.data.designer_name)}
{doc.data.portfolio.url && <a href="{doc.data.portfolio.url}"> Portfolio</a>}
</div>
<div>
{doc.data.behance.url && <a href="{doc.data.behance.url}"></a>}
{doc.data.dribbble.url && <a href="{doc.data.dribbble.url}"></a>}
{doc.data.twitter.url && <a href="{doc.data.twitter.url}"></a>}
</div>
</div>
</div>
</div>
)
} else if (this.state.notFound) {prismic-reactjs
render prismic rich text as React Element
