IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix react missing key warnings (#23498)

Browse Source
This commit is contained in:
Dominik Prokop
2020-04-10 13:28:26 +02:00
committed by GitHub
parent 32555fc769
commit 94f87c7288
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/app/features/dashboard/components/PanelEditor/FieldConfigEditor.tsx
View File

@@ -182,9 +182,9 @@ export const DefaultFieldConfigEditor: React.FC<Props> = ({ data, onChange, conf
return ( return (
<> <>
{Object.keys(groupedConfigs).map(k => { {Object.keys(groupedConfigs).map((k, i) => {
return ( return (
<OptionsGroup title={k}> <OptionsGroup title={k} key={`${k}/${i}`}>
<> <>
{groupedConfigs[k].map(c => { {groupedConfigs[k].map(c => {
return renderEditor(c); return renderEditor(c);

8
public/app/features/dashboard/components/PanelEditor/PanelOptionsEditor.tsx
View File

@@ -25,9 +25,9 @@ export const PanelOptionsEditor: React.FC<PanelOptionsEditorProps<any>> = ({ plu
return ( return (
<> <>
{Object.keys(optionEditors).map(c => { {Object.keys(optionEditors).map((c, i) => {
const optionsToShow = optionEditors[c] const optionsToShow = optionEditors[c]
.map((e, i) => { .map((e, j) => {
if (e.showIf && !e.showIf(options)) { if (e.showIf && !e.showIf(options)) {
return null; return null;
} }
@@ -38,7 +38,7 @@ export const PanelOptionsEditor: React.FC<PanelOptionsEditorProps<any>> = ({ plu
</Forms.Label> </Forms.Label>
); );
return ( return (
<Forms.Field label={label} key={`${e.id}/i`}> <Forms.Field label={label} key={`${e.id}/${j}`}>
<e.editor <e.editor
value={lodashGet(options, e.path)} value={lodashGet(options, e.path)}
onChange={value => onOptionChange(e.path, value)} onChange={value => onOptionChange(e.path, value)}
@@ -50,7 +50,7 @@ export const PanelOptionsEditor: React.FC<PanelOptionsEditorProps<any>> = ({ plu
.filter(e => e !== null); .filter(e => e !== null);
return optionsToShow.length > 0 ? ( return optionsToShow.length > 0 ? (
<OptionsGroup title={c} defaultToClosed> <OptionsGroup title={c} defaultToClosed key={`${c}/${i}`}>
<div>{optionsToShow}</div> <div>{optionsToShow}</div>
</OptionsGroup> </OptionsGroup>
) : null; ) : null;