本发明实施例提供一种基于react实现复杂编辑器的方法及装置。所述方法包括获取与非复杂元素与复杂元素一一对应的基于react的数据模型，以及数组变量；其中，所述数组变量包括所有非复杂元素和复杂元素，所述数据模型包括对应的渲染方法；对每个非复杂元素和复杂元素根据对应的渲染方法进行渲染后显示；其中，所述复杂元素显示为交互状态，本发明实施例通过与非复杂元素和复杂元素对应的数据模型，以及各自的渲染方法，将数组变量中的非复杂元素和复杂元素通过渲染后显示，以使所述复杂元素维持交互状态，从而使复杂编辑器能够实现对非复杂元素和复杂元素的编辑，增加了基于react的复杂编辑器的功能，满足了用户的需求。