Oak-Team
/
oak-frontend-base
13
0
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases 37 Wiki Activity

detail组件map添加key

This commit is contained in:
lxy 2024-04-07 18:06:24 +08:00
parent 7942b6a0b9
commit e034161748
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
es/components/detail/web.pc.js
View File

@ -7,7 +7,7 @@ function RenderRow(props) {
if (type === 'image') {
if (value instanceof Array) {
return (<Space wrap>
{value.map((ele) => (<Image width={100} height={100} src={ele} style={{ objectFit: 'contain' }}/>))}
{value.map((ele, index) => (<Image key={index} width={100} height={100} src={ele} style={{ objectFit: 'contain' }}/>))}
</Space>);
}
else {
@ -28,7 +28,7 @@ export default function Render(props) {
const { t } = methods;
const { entity, title, colorDict, bordered, column, renderData, layout = 'horizontal', judgeAttributes, data, } = oakData;
return (<Descriptions title={title} column={column} bordered={bordered} layout={layout}>
{judgeAttributes?.map((ele) => {
{judgeAttributes?.map((ele, index) => {
let renderValue = getValue(data, ele.path, ele.entity, ele.attr, ele.attrType, t);
let renderLabel = getLabel(ele.attribute, ele.entity, ele.attr, t);
const renderType = getType(ele.attribute, ele.attrType);
@ -39,7 +39,7 @@ export default function Render(props) {
const color = (colorDict &&
colorDict[ele.entity]?.[ele.attr]?.[stateValue]) ||
'default';
return (<Descriptions.Item label={renderLabel} span={ele.attribute.span || 1}>
return (<Descriptions.Item key={index} label={renderLabel} span={ele.attribute.span || 1}>
<RenderRow type={renderType} value={renderValue} color={color}/>
</Descriptions.Item>);
})}

11
src/components/detail/web.pc.tsx
View File

@ -20,16 +20,16 @@ function RenderRow(props: { value: any; color: string; type: AttrRender['type']
if (value instanceof Array) {
return (
<Space wrap>
{value.map((ele) => (
<Image width={100} height={100} src={ele} style={{objectFit: 'contain'}} />
{value.map((ele, index) => (
<Image key={index} width={100} height={100} src={ele} style={{ objectFit: 'contain' }} />
))}
</Space>
)
)
}
else {
return (
<Space wrap>
<Image width={100} height={100} src={value} style={{objectFit: 'contain'}} />
<Image width={100} height={100} src={value} style={{ objectFit: 'contain' }} />
</Space>
)
}
@ -84,7 +84,7 @@ export default function Render(
bordered={bordered}
layout={layout}
>
{judgeAttributes?.map((ele) => {
{judgeAttributes?.map((ele, index) => {
let renderValue = getValue(
data,
ele.path,
@ -113,6 +113,7 @@ export default function Render(
'default';
return (
<Descriptions.Item
key={index}
label={renderLabel}
span={(ele.attribute as OakAbsDerivedAttrDef).span || 1}
>