alibaba/lowcode-engine

基本组件的级联组件报”组件渲染异常“

Open

#1514 opened on Jan 31, 2023

View on GitHub
 (2 comments) (0 reactions) (1 assignee)TypeScript (12,714 stars) (2,228 forks)batch import
bughelp wantedmaterial

Description

把级联组件拖放的页面，然后点击一下，就会报”组件渲染异常“，或者把级联组件拖放到一个已存在的区域中，也会报错，无法使用。

复现步骤 ：

1、打开线上DEMO 2、从组件库=》原子组件 中，将 级联 组件，拖入页面，这是新拖入的 级联 组件是正常显示的，见图一 3、鼠标点击刚拖入的级联组件，组件报渲染异常，且无法恢复。见图二

图一： 屏幕截图 2023-02-01 164639 图二： 屏幕截图 2023-02-01 170450

Contributor guide

Tech stack
typescriptreact
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
lowcode engine basicsReact component lifecycleDrag and drop mechanism
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Start by locating the cascade component in the source code (likely under packages/). Examine its render method and check for any missing props or state that could cause the exception when clicked. Review the drag and drop integration points to see if the component is properly initialized after drop. Use the online demo to reproduce and check browser console for error messages.