How to force a re-render, or how to control the timing of re-render?

[mikeycoxon]

I have seen where you can pass your own render methods, such as here:

      <Editable 
        ref={ref}
        renderElement={RenderElement}
        renderLeaf={RenderLeaf}
        autoFocus
        placeholder="Write something..."
      />

But how do you force a rerender when you programmatically add something, actually, better yet, what is it that actually triggers rerendering?

I've noticed that re-rendering doesn't seem to happen when:

1. I do a browser level reload, because the whole Editable field gets dropped even though I have valid Slate Json content, and
2. I run Transforms.insertNodes(editor, image), again, despite having valid Slate JSON, no render happens so visible change.

It may be that the browser reload case, causes the rendering to occur before there is any data, but that still provokes the question of what is the trigger, and is there any way of controlling it, or making it re-render?

[gerardnico]

It’s a react component. React triggers the rendering.

[mikeycoxon]

That was actually a very unhelpful response.

A more useful response would have been: "when memoised, any net change will trigger a reload event, which in turn produces a render."

This would have clued me to the reality that any mistake made in any part of my render methods, appears to result in rendering an empty string, which gets memoised, and so you have to reload everything to get your content back.

What all of this still doesn't explain is why a browser-level reload fails to result in the rendering of anything but an empty string, regardless of what's in my render methods.