2017-02-09 1 views
0

React.js 공식 문서는 반환하지 않고지도 방법을 사용하며 CodePen에서 작동합니다.공식 문서는 반환하지 않고지도 방법을 사용하지만 나를 위해 작동하지 않습니다

const numbers = [1, 2, 3, 4, 5]; 
const listItems = numbers.map((number) => 
    <li>{number}</li> 
); 

그렇지 않으면 나에게 적합하지 않은 리턴을 사용해야합니다. create-react-app 모듈을 사용하여 만든 Windows 로컬 컴퓨터에 React.js 사본이 있습니다.

const listItems = numbers.map((number) =>{ 
    return <li>{number}</li> 
    } 
); 

Offical docs rendering multiple components

+0

'나를 위해 효과가 없습니다.'라는 의미를 설명 할 수 있습니까? 렌더링되지 않습니까? 콘솔 오류가 발생합니까? –

+0

괜찮아요. 제 질문은 React.js에서 어떤 방식으로 올바른 것입니까? 돌아가서 일을하기 위해 뭔가해야합니까? 아니면 왜 그들이 돌아 오지 않고 사용할 수 있습니까? –

+0

React에서 배열을 처리 할 때 맵 프로토 타입 함수에 대해 다른 점은 없습니다. 다음은 반환 값을 사용하지 않고 배열을 매핑하는 codepen입니다. https://codepen.io/anon/pen/LxgKEr –

답변

3

Node.js를 버전 6.9.4은 그가 반작용 문제라고 생각하지 않습니다. 그것은 단지 자바 스크립트입니다. ES6/ES2015에서 화살표 함수 (.map 호출 내 또는 그 밖의 곳)를 사용하는 경우 중괄호와 return 키워드를 모두 제거하여 식으로 결정된 값을 반환하는 경우에 사용할 수 있습니다. 따라서 다음 두 가지는 동일합니다 :

+0

물론 그게 문제입니다! 나는 그것을 잊었다. 감사. 내 답변을 편집하여 중괄호로 사용하고 있음을 보여주었습니다. –

관련 문제