스택큐힙리스트

특정 조건이 충족되었을 때만 리액트 컴포넌트에 속성을 추가하는 방법이 있을까요? 렌더링 이후 Ajax 호출을 기반으로 폼 요소에 required 및 readOnly 속성을 추가해야 하지만, readOnly=false는 속성을 완전히 생략하는 것과 동일하지 않기 때문에 이 문제를 해결할 수 없는 것 같습니다. 아래 예제는 원하는 동작을 설명하려고 했으나 작동하지 않습니다. (구문 오류: 예기치 않은 식별자) function MyInput({isRequired}) { return } 답변 1React는 특정 속성의 경우에 값이 참이 아닐 경우 속성을 생략하는 데에 충분히 지능적입니다. 예를 들어: const InputComponent = function() { const required = true; con..

언제 props를 super()에 전달하는 것이 중요하며, 그 이유는 무엇인가요? class MyComponent extends React.Component { constructor(props) { super(); // 혹은 super(props) ? } } 답변 1주의하세요. super에 props를 전달하든 전달하지 않든 이후에 constructor 외부의 this.props를 사용하는 것에는 영향을 미치지 않습니다.. 즉 render, shouldComponentUpdate, 이벤트 핸들러 등에서 항상 접근할 수 있습니다. 이것은 Sophie Alpert의 답변에서 비슷한 질문에 명확히 언급되었습니다. 문서인 — 상태와 생명주기, 클래스에 로컬 상태 추가, 2번째 항목 — 다음을 권장합니다: 클래스..

React 강의를 보고 있는데 강사가 props는 변경되어서는 안 된다고 말했습니다. 이제 props vs. state에 관한 기사(uberVU/react-guide)를 읽고 있는데, 아래와 같이 나와 있습니다. props와 state의 변경은 모두 렌더링 업데이트를 트리거합니다. 기사의 뒷부분에는 다음과 같이 나와 있습니다: Props(속성의 줄임말)은 컴포넌트의 구성이자 옵션입니다. 이는 위에서 받아오며 변경할 수 없습니다. 그렇다면 props는 변경될 수는 있지만 불변해야 하나요? props와 state를 언제 사용해야 할까요? React 컴포넌트가 필요로 하는 데이터가 있는 경우, 이는 props를 통해 전달되어야 할까요 아니면 React 컴포넌트 내에서 getInitialState을 통해 설정되..