ionic-team / ionic-team/ionic-framework

bug: React, can't set value to array in JSX

Open
#25,041 5 comments 0 reactions 0 assignees View on GitHub
package: core type: bug
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/.github/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

- [ ] v4.x
- [ ] v5.x
- [X] v6.x

### Current Behavior

IonAccordionGroup default value of array which has more than one item doesn't work

![image](https://user-images.githubusercontent.com/35559153/161214639-6a8cc9b9-0582-4c09-aa89-248deae32808.png)

### Expected Behavior

IonAccordionGroup default value of array which has more than one item works normal

### Steps to Reproduce

the code is the screenshot above. Or maybe you can clone git@github.com:XueMeijing/ionic-test.git to recurrent it

### Code Reproduction URL

_No response_

### Ionic Info

Ionic:

Ionic CLI : 6.18.1 (/Users/xue/.nvm/versions/node/v10.24.1/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 6.0.1

Capacitor:

Capacitor CLI : not installed
@capacitor/android : not installed
@capacitor/core : 3.3.3
@capacitor/ios : 3.3.3

Utility:

cordova-res : not installed globally
native-run : 1.5.0

System:

NodeJS : v10.24.1 (/Users/xue/.nvm/versions/node/v10.24.1/bin/node)
npm : 6.14.12
OS : macOS Big Sur

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the IonAccordionGroup default-value issue using the screenshot or the ionic-test repository mentioned in the issue, then inspect the React IonAccordionGroup value handling. Done means an array containing more than one item works as the default value; verify the behavior with an appropriate regression test if the relevant test location can be identified.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
28/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.