REACT props, state

props

=properties

모든 컴포넌트는 여러가지 parameter를 전달받는다.

이를 통칭 props라고 통칭한다.

부모가 자식에게 넘겨주는 파라미터 역시 props로 전달한다.

const TodoList = (props) => (  
//App에서 전달받은 props를 이용, 내용을 구성한다.
  <ul>
    <li>{props.todos[0]}</li> 
    <li>{props.todos[1]}</li>
    <li>{props.todos[2]}</li>
  </ul>
);
const App = () => (
  <div>
    <h2>My Todo List</h2>
    <TodoList               //TodoList에 props로 []를 전달하고 있다.
      todos={[
        'Learn React',
        'Crush Recast.ly',
        'Maybe sleep',
      ]}
    />
  </div>
);

state

컴포넌트가 갖는 상태.

obj의 형태로

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

생성자를 통해서는 = 를 통해 할당이 가능하나,

tick() {
    this.setState({
      date: new Date()
    });
  }

그 외에는 setState( { key:value})와 같은 방식으로만 조작이 가능하다.