反应 - 错误：“slate-react”不包含默认导出（作为“编辑器”导入）

Question

I am confused by this. I couldn't find a solution.

Returns an error:

./src/components/TextEditor.js Attempted import error: 'slate-react' does not contain a default export (imported as 'Editor').

import React, { Component } from 'react'
import Editor from 'slate-react'
import Value from 'slate'

const initialValue = Value.fromJSON({
    document: {
        nodes: [
            {
                object: 'block',
                type: 'paragraph',
                nodes: [
                    {
                        object: 'text',
                        leaves: [
                            {
                                text: 'A line of text in a paragraph.',
            },
        ],
    }, ],
}, ],
},
})



export default class TextEditor extends Component {

    state = {
        value: initialValue,
    }

    onChange = ({ value }) => {
        this.setState({ value })
    }

    render() {
        return (
            <Editor value={this.state.value} onChange={this.onChange} />
        )
        }
}

index

import TextEditor from './TextEditor';

export { TextEditor };

Answer 1

Editor and Value are named exports.

Replace:

import Editor from 'slate-react'
import Value from 'slate'

with

import { Editor } from 'slate-react'
import { Value } from 'slate'

Those being named exports means you that have to import the precise name which is exported, and this goes within curly braces.

See Slate doc