SlateJS + redux

Question

我想将SlateJS编辑器的值存储在redux中而不是状态中，但是当我更改hasLinks方法时，我立即收到一个崩溃消息，声明：

TypeError:无法读取未定义的属性“内联”

编辑器的 Method

hasLinks = () => {
    // const { value } = this.state // Original
    const { value } = this.props // Update for redux
    // Alternative attempts
    // const { value }  = this.props.editorValue
    // const  value  = this.props.editorValue
    // const { value }  = this.props.editorValue
    // const value  = Object.assign({}, this.props.editorValue)
    // const value  = Value.fromJSON(Object.assign({}, this.props.editorValue))
    return value.inlines.some(inline => inline.type == 'link') // Crashes on this line
    // return value && value.inlines && value.inlines.some(inline => inline.type == 'link') // Alternative attempt that avoids initial crash, but creates a memory overload when editor is accessed much
}

Redux商店

const initialState = {
    editorValue: Value.fromJSON(initialValue),
}

初始状态

{
    "document": {
        "nodes": [{
                "object": "block",
                "type": "paragraph",
                "nodes": [{
                    "object": "text",
                    "leaves": [{
                        "text": "By default, pasting content into a Slate editor will use the content's plain text representation. This is fine for some use cases, but sometimes you want to actually be able to paste in content and have it parsed into blocks and links and things. To do this, you need to add a parser that triggers on paste. This is an example of doing exactly that!"
                    }]
                }]
            },
            {
                "object": "block",
                "type": "paragraph",
                "nodes": [{
                    "object": "text",
                    "leaves": [{
                        "text": "Try it out for yourself! Copy and paste some rendered HTML content (not the source code) from another site into this editor."
                    }]
                }]
            }
        ]
    }
}

可以帮助我理解为什么这不起作用，以及我可以做些什么来更新以解决这个问题？

Answer 1

这已经有一年多的历史了，但问题是const { value } = this.props要求props具有一个名为value的属性。你的看起来像editorValue。一个常见的问题是，对象析构只使用相同的属性名称(即不能用不同的名称重新分配)(以这种最小的形式)。