Hi there,
I am using Custom UI with Atlaskit and I am trying to clear one of the Select when value of another Select change. I am trying to use setFieldValue but it does not look it have any effect.
<Field<Value<Option, false>>
aria-required={true}
isRequired
name={`jiraProject[${index}]`}
label="Select a Jira Project, note: ONLY 'company-managed projects' are displaying"
>
{({fieldProps: {id, ...rest}, error}) => (
<Fragment>
<Select
inputId={id}
{...rest}
options={jiraProjectsOptions}
isSearchable
value={jiraProjectsSelected[index]}
onChange={async project => {
setJiraProjectsSelected({
...jiraProjectsSelected,
[index]: project
});
setFieldValue(`issueType[${index}]`, "" );
await loadIssuesAndTransitionsByProjectKey(project.value, index);
}}
/>
{error &&
<ErrorMessage>{errorMessage.JIRA_PROJECT_EMPTY}</ErrorMessage>}
</Fragment>
)}
</Field>
<Field<Value<Option, false>>
aria-required={true}
isRequired
name={`issueType[${index}]`}
label="Select a Jira Issue Type"
>
{({fieldProps: {id, ...rest}, error}) => (
<Fragment>
<Select
inputId={id}
{...rest}
options={jiraIssues[index]}
isSearchable
isClearable
value={jiraIssuesSelected[index]}
onChange={async issue => {
setJiraIssuesSelected({
...jiraIssuesSelected,
[index]: issue
});
await loadTransitionsByIssue(issue.value, index);
}}
/>
{error &&
<ErrorMessage>{errorMessage.JIRA_ISSUE_EMPTY}</ErrorMessage>}
</Fragment>
)}
</Field>
Is there a way to implement it ?
Thank you