fix: ActionConditionBuilder 중복 키 에러 수정
문제: - toColumns에 빈 문자열 columnName 중복 - 중복된 키 to_ 생성 - React 키 중복 경고 수정: - fromColumns filter 추가 - toColumns filter 추가 - 빈 문자열 컬럼 제외 에러: Encountered two children with the same key
This commit is contained in:
parent
b84f35d514
commit
c3e6eff0fe
|
|
@ -488,14 +488,16 @@ const ActionConditionBuilder: React.FC<ActionConditionBuilderProps> = ({
|
|||
{fromColumns.length > 0 && (
|
||||
<>
|
||||
<div className="text-muted-foreground px-2 py-1 text-xs font-medium">FROM 테이블</div>
|
||||
{fromColumns.map((column) => (
|
||||
<SelectItem key={`from_${column.columnName}`} value={`from.${column.columnName}`}>
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-blue-600">📤</span>
|
||||
<span>{column.displayName || column.columnName}</span>
|
||||
</div>
|
||||
</SelectItem>
|
||||
))}
|
||||
{fromColumns
|
||||
.filter((column) => column.columnName) // 빈 문자열 제외
|
||||
.map((column) => (
|
||||
<SelectItem key={`from_${column.columnName}`} value={`from.${column.columnName}`}>
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-blue-600">📤</span>
|
||||
<span>{column.displayName || column.columnName}</span>
|
||||
</div>
|
||||
</SelectItem>
|
||||
))}
|
||||
</>
|
||||
)}
|
||||
|
||||
|
|
@ -503,14 +505,16 @@ const ActionConditionBuilder: React.FC<ActionConditionBuilderProps> = ({
|
|||
{toColumns.length > 0 && (
|
||||
<>
|
||||
<div className="text-muted-foreground px-2 py-1 text-xs font-medium">TO 테이블</div>
|
||||
{toColumns.map((column) => (
|
||||
<SelectItem key={`to_${column.columnName}`} value={`to.${column.columnName}`}>
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-green-600">📥</span>
|
||||
<span>{column.displayName || column.columnName}</span>
|
||||
</div>
|
||||
</SelectItem>
|
||||
))}
|
||||
{toColumns
|
||||
.filter((column) => column.columnName) // 빈 문자열 제외
|
||||
.map((column) => (
|
||||
<SelectItem key={`to_${column.columnName}`} value={`to.${column.columnName}`}>
|
||||
<div className="flex items-center gap-2">
|
||||
<span className="text-green-600">📥</span>
|
||||
<span>{column.displayName || column.columnName}</span>
|
||||
</div>
|
||||
</SelectItem>
|
||||
))}
|
||||
</>
|
||||
)}
|
||||
</SelectContent>
|
||||
|
|
|
|||
Loading…
Reference in New Issue