2021-04-27
やること宣言
gaaamii.icon
勉強中メモ
gaaamii.icon
react-syntax-highlighterというのがあるらしいですな
componentsというpropsに指定すればいいらしい。
この場合、このcomponentsはどのディレクトリに置くべきか
ReactMarkdownのラッパーを用意してそこにおこう
なんかエラーになるな
code:error
Property 'className' is missing in type 'ReactBaseProps & ReactMarkdownProps & { inline?: boolean; }' but required in type '{ x: string: any; node: any; inline: any; className: any; children: any; }'.ts(2322) CodeComponentの型を指定した
今度はclassNameがunknownになってしまう。
よく見ると型定義にこういうコメントがある
code:ast-to-react.d.ts
/**
* To do: is data-sourcepos typeable?
*/
export type ReactBaseProps = {
}
issue立てたほうがいいんかな。面倒なのであとにしよう
code:Markdown/index.tsx
// NOTE: CodeComponent's className is typed as unknown
const classNameString = className as string
こうした
今度は SyntaxError: Unexpected token 'export'
若干スタイルのつけかたがうまくいってないけどだいたいできた。
シンタックスハイライトは効くようになったけどLighthouseでPerformanceのスコアが低下した。
今回入れたライブラリが大きいんだと思う
やったこと
gaaamii.icon