diff --git a/docs/tips/14-communicate-between-components.ko-KR.md b/docs/tips/14-communicate-between-components.ko-KR.md new file mode 100644 index 0000000000..f0c63f0334 --- /dev/null +++ b/docs/tips/14-communicate-between-components.ko-KR.md @@ -0,0 +1,41 @@ +--- +id: communicate-between-components-ko-KR +title: 컴포넌트간의 통신 +layout: tips +permalink: communicate-between-components-ko-KR.html +prev: false-in-jsx-ko-KR.html +next: expose-component-functions-ko-KR.html +--- + +부모-자식 통신을 위해서는, 간단히 [props를 넘기면 됩니다](/react/docs/multiple-components-ko-KR.html). + +자식-부모 통신을 위해서는: +`GroceryList` 컴포넌트가 배열로 생성된 아이템 목록을 가지고 있다고 해봅시다. 목록의 아이템이 클릭되면 아이템의 이름이 보이길 원할 겁니다: + +```js +var GroceryList = React.createClass({ + handleClick: function(i) { + console.log('클릭한 아이템: ' + this.props.items[i]); + }, + + render: function() { + return ( +