Saya ingin menyematkan tag Twitter dari Markdown ke Html. Saat ini saya menggunakan reaksi penurunan harga untuk membuat seperti di bawah ini


import gfm from 'remark-gfm'

const content = `#Hello <br/><hr/> <p>Please check out this tweet</p><br/> <p>https://twitter.com/adamwathan/status/1378480731651981322</p>`

....

<Markdown
 plugins={[gfm]}
 children={content} / >

Saya berharap dapat mengurai apa pun yang dimulai dengan https://twitter.com sehingga saya dapat merender Komponen Bereaksi untuk hal yang sama.

1
damunga 4 April 2021, 15:03

1 menjawab

Jawaban Terbaik

Anda dapat meneruskan perender link khusus ke ReactMarkdown yang akan menangani tautan dengan logika Anda sendiri.

<Markdown
    plugins={[gfm]}
    renderers={{
        link: (props) => {
            return props.href.startsWith('https://twitter.com') ? (
                <CustomTwitterComponent url={props.href} /> // Render Twitter links with custom component
            ) : (
                <a href={props.href}>{props.children}</a> // All other links
            );
        }
    }}
    children={content}
/>
1
juliomalves 4 April 2021, 15:12