“NextJS Markdown” Réponses codées

Rendre la marque dans NextJS

// Render Markdown in Next.JS + React:
import ReactMarkdown from 'react-markdown';

export default function ThePage() {
  const markdown = `## _The Last Markdown Editor, Ever_`;
  return <ReactMarkdown source = { markdown } />
}
KostasX

NextJS Markdown

// pages/index.js

import { MDXProvider } from '@mdx-js/react';
import Image from 'next/image';
import { Heading, Text, Pre, Code, Table } from '../components';

const ResponsiveImage = (props) => (
  <Image alt={props.alt} layout="responsive" {...props} />
);

const components = {
  img: ResponsiveImage,
  h1: Heading.H1,
  h2: Heading.H2,
  p: Text,
  code: Pre,
  inlineCode: Code,
};

export default function Post(props) {
  return (
    <MDXProvider components={components}>
      <main {...props} />
    </MDXProvider>
  );
}
Sævar Berg

Réponses similaires à “NextJS Markdown”

Questions similaires à “NextJS Markdown”

Plus de réponses similaires à “NextJS Markdown” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code

Shell/Bash
C#
C++
C
CSS
HTML
Java
JavaScript
Objective-C
PHP
Python
Sql
Swift
Ruby
TypeScript
Go
Kotlin
Assembly
R
VBA
Scala
Rust
Dart
Elixir
Clojure
Haskell
Matlab
Erlang
Cobol
Fortran
Scheme
Perl
Groovy
Lua
Julia
Delphi
Abap
Lisp
Prolog
Pascal
ActionScript
Basic
Solidity
PowerShell
GDScript
Excel