IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-13 00:55:47 -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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats 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 (
<>
{Object.keys(groupedConfigs).map(k => {
{Object.keys(groupedConfigs).map((k, i) => {
return (
<OptionsGroup title={k}>
<OptionsGroup title={k} key={`${k}/${i}`}>
<>
{groupedConfigs[k].map(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 (
<>
{Object.keys(optionEditors).map(c => {
{Object.keys(optionEditors).map((c, i) => {
const optionsToShow = optionEditors[c]
.map((e, i) => {
.map((e, j) => {
if (e.showIf && !e.showIf(options)) {
return null;
}
@ -38,7 +38,7 @@ export const PanelOptionsEditor: React.FC<PanelOptionsEditorProps<any>> = ({ plu
</Forms.Label>
);
return (
<Forms.Field label={label} key={`${e.id}/i`}>
<Forms.Field label={label} key={`${e.id}/${j}`}>
<e.editor
value={lodashGet(options, e.path)}
onChange={value => onOptionChange(e.path, value)}
@ -50,7 +50,7 @@ export const PanelOptionsEditor: React.FC<PanelOptionsEditorProps<any>> = ({ plu
.filter(e => e !== null);
return optionsToShow.length > 0 ? (
<OptionsGroup title={c} defaultToClosed>
<OptionsGroup title={c} defaultToClosed key={`${c}/${i}`}>
<div>{optionsToShow}</div>
</OptionsGroup>
) : null;