reactjs - 组件的渲染方法应该有返回类型 React.ReactNode 还是 JSX.Element？

Question

两者似乎都不会导致编译错误，但有什么区别，一个比另一个更可取？

Answer 1

这个问题在 react-typescript-cheatsheet repo issue #57 中被问过

收件人quote the original answer :

Regardless of what a component ends up rendering, React.createElement always returns an object, which is the JSX.Element interface, but React.ReactNode is the set of all possible return values of a component.

• JSX.Element -> Return value of React.createElement
• React.ReactNode -> Return value of a component

总的来说，我认为这个想法是 JSX.Element 专门描述了 React.createElement 的接口(interface)并且范围狭窄，而 React.ReactNode 更广泛，涵盖了组件可能返回的所有可能值。