LPS-118100 Update SelectField if value prop is updated

pavel-savinov · Nov 20, 2020 · d37c9c4 · d37c9c4
1 parent a5d4c36
commit d37c9c4
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/...ETA-INF/resources/page_editor/app/components/fragment-configuration-fields/SelectField.js b/...ETA-INF/resources/page_editor/app/components/fragment-configuration-fields/SelectField.js
@@ -14,7 +14,7 @@
 
 import ClayForm, {ClaySelectWithOption} from '@clayui/form';
 import PropTypes from 'prop-types';
-import React, {useState} from 'react';
+import React, {useEffect, useState} from 'react';
 
 import {useStyleBook} from '../../../plugins/page-design-options/hooks/useStyleBook';
 import {ConfigurationFieldPropTypes} from '../../../prop-types/index';
@@ -47,6 +47,10 @@ export const SelectField = ({disabled, field, onValueSelect, value}) => {
 		};
 	};
 
+	useEffect(() => {
+		setNextValue((prevValue) => value || prevValue);
+	}, [value]);
+
 	return (
 		<ClayForm.Group small>
 			<label htmlFor={inputId}>{field.label}</label>