.findout(react에서 spring으로 배열 파라미터 넘기기)

고민

• react에서 배열로 사용하고 있는 파라미터를 그대로 넘기니 spring controller에서 받지 못하는 이슈가 있었다.
• 갑자기 파라미터이슈인데 이걸로 cors이슈 에러로 나기도 해서 혼란스러웠다.(분명히 모든걸 허용한 상태였기에 말이다.)

결론

• react내에서 배열 파라미터를 string으로 변환해서 해결하였다.

접근방법

• filterList를 그대로 넘기면 filterList[]와 같이 인식되어 내려가기때문에 ,가 포함된 string으로 변환해서 내려주면 편하게 해결할 수 있다.

• 아래처럼 filterList.join(",")로 넘겨주면된다.

  class TestComponent extends Component {
    constructor(props) {
        super(props);
        this.state = {
            filterList: []
        }
    }
  
    componentDidMount() {
        axios.get("/tests", {
            params: {
                filterList:filterList.join(",")
            }
        })
    }
  

}