Sruka
97
2019-09-11 17:08:47
3
110

[react.js] 불특정한 여러 DIV 요소 삽입


react 를 이용해 여러 이미지를 삽입 할수 있는 '글쓰기' 시스템을 만들어보고 있어요.


    tr_spliter () {
        return (
            <div className="board-spliter"></div>
        )
    }


이런 식으로 함수로 묶은 요소를 

    render() {
        return (
            <div>
                {this.tr_spliter()}
                {/*.. 루프 수만큼 삽입하고 싶어요! ..*/}
                {this.tr_spliter()}
            </div>
        );
    }


이렇게 For 문을 돌리든지 해서 여러개를 파라미터(원하는 루프 횟수)에 따라 넣고 싶은데, 쉬운 방법이 있을까요?
0
0
  • 답변 3

  • John Suhr
    771
    2019-09-11 17:39:51 작성 2019-09-11 17:40:23 수정됨

    중괄호에 for가 안들어가므로 for를 사용할 수 있는 메서드를 만드는 방법을 많이 씁니다

    const job = num => {

      let elements = [];

      for (let i = 0; i < num; i++) {

        elements.push(<div>...</div>);

      }

      return elements; 

    }

    1
  • Sruka
    97
    2019-09-11 18:02:12

    아하 배열로도 요소를 넣을 수 있었군요..  감사합니다

    0
  • moonti
    2k
    2019-09-11 18:10:29

    리액트에서 jsx에 반복된 요소 넣는거 기본 예제에요.

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.