«reactjs» 태그된 질문

React (React.js 또는 ReactJS라고도 함)는 사용자 인터페이스를 구축하기 위해 Facebook에서 개발 한 JavaScript 라이브러리입니다. 선언적이고 구성 요소 기반의 패러다임을 사용하며 효율적이고 유연합니다.

9
ReactJS-요소의 높이 가져 오기
React가 해당 요소를 렌더링 한 후 요소의 높이를 어떻게 얻을 수 있습니까? HTML <div id="container"> <!-- This element's contents will be replaced with your component. --> <p> jnknwqkjnkj<br> jhiwhiw (this is 36px height) </p> </div> ReactJS var DivSize = React.createClass({ render: function() { let elHeight = document.getElementById('container').clientHeight return <div className="test">Size: …

7
ReactJS '개발 모드'를 켜고 끄는 방법은 무엇입니까?
문서에서 성능상의 이유로 '개발 모드'에서만 작동 하는 ReactJS의 prop 유효성 검사 기능을 사용하여 시작 되었습니다. React는 내가 주석을 달 았던 특정 구성 요소의 속성을 검증하는 것 같지만 명시 적으로 '개발 모드'를 켰던 기억이 없습니다. 개발 모드를 트리거 / 토글하는 방법을 검색했지만 운이 없었습니다.
120 reactjs 

4
ReactJS 서버 측 렌더링 대 클라이언트 측 렌더링
방금 ReactJS를 연구하기 시작했는데 이것이 페이지를 렌더링하는 두 가지 방법 인 서버 측과 클라이언트 측을 제공한다는 것을 발견했습니다. 그러나 함께 사용하는 방법을 이해할 수 없습니다. 응용 프로그램을 빌드하는 두 가지 방법입니까, 아니면 함께 사용할 수 있습니까? 함께 사용할 수 있다면 어떻게해야합니까? 서버 측과 클라이언트 측에서 동일한 요소를 복제해야합니까? 또는 이미 …

11
React JS onClick 이벤트 핸들러
나는 가지고있다 var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); 클릭 한 목록 요소의 배경색을 지정하고 싶습니다. React에서 어떻게 할 수 있습니까? 같은 것 $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });

10
불변 위반 :이 네비게이터에 대한 탐색 소품이 없습니다.
반응 네이티브 앱을 시작하려고 할 때이 메시지가 표시됩니다. 일반적으로 이러한 종류의 형식은 다른 다중 화면 탐색에서 작동하지만이 경우에는 작동하지 않습니다. 다음은 오류입니다. Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: https://reactnavigation.org/docs/en/app-containers.html 내 앱 형식은 다음과 …

7
React.js : contentEditable에 대한 onChange 이벤트
contentEditable기반 제어에 대한 변경 이벤트를 수신하려면 어떻게합니까 ? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

15
React 구성 요소 내에서 switch 문을 사용하는 방법은 무엇입니까?
React 구성 요소 render가 있고 구성 요소 메서드 내부에 다음과 같은 것이 있습니다. render() { return ( <div> <div> // removed for brevity </div> { switch(...) {} } <div> // removed for brevity </div> </div> ); } 이제 요점은 두 개의 div요소가 있는데, 하나는 상단에 하나는 하단에 고정되어 있다는 것입니다. …
120 reactjs 

5
`useRef`와`createRef`의 차이점은 무엇입니까?
나는 우연히 발견했을 때 후크 문서를 살펴보고 있었다 useRef. 그들의 예를 보면… function TextInputWithFocusButton() { const inputEl = useRef(null); const onButtonClick = () => { // `current` points to the mounted text input element inputEl.current.focus(); }; return ( <> <input ref={inputEl} type="text" /> <button onClick={onButtonClick}>Focus the input</button> </> ); } …

6
React / Redux 및 다국어 (국제화) 앱-아키텍처
여러 언어와 로케일로 사용할 수 있어야하는 앱을 만들고 있습니다. 제 질문은 순전히 기술적 인 것이 아니라 아키텍처와 사람들이 실제로이 문제를 해결하기 위해 프로덕션에서 사용하는 패턴에 관한 것입니다. 이에 대한 "요리 책"을 찾을 수 없어서 제가 좋아하는 Q / A 웹 사이트로 이동합니다. :) 내 요구 사항은 다음과 같습니다 (실제로 "표준"임). …

14
React Native에서 동적 스타일을 만들 수 있습니까?
다음과 같은 렌더링이있는 구성 요소가 있다고 가정합니다. <View style={jewelStyle}></View> 여기서 jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, 배경색을 동적으로 만들고 무작위로 할당하려면 어떻게해야합니까? 난 노력 했어 { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, 그러나 이것은 View의 모든 인스턴스가 동일한 색상을 갖도록 만듭니다. …


6
makeStyles를 사용하여 구성 요소의 스타일을 지정하고 머티리얼 UI에 여전히 수명주기 메서드가있는 방법은 무엇입니까?
makeStyles()수명주기 메서드와 함께 구성 요소 를 사용하려고 할 때마다 아래 오류가 발생 합니다. 잘못된 후크 호출입니다. 후크는 함수 구성 요소의 본문 내에서만 호출 할 수 있습니다. 이는 다음 이유 중 하나로 인해 발생할 수 있습니다. React와 렌더러 (예 : React DOM)의 버전이 일치하지 않을 수 있습니다. 후크 규칙을 위반할 수 …

11
본문과 헤더가있는 Axios 삭제 요청?
ReactJS에서 프로그래밍하는 동안 Axios를 사용하고 있으며 DELETE 요청을 서버에 보내는 척합니다. 이렇게하려면 헤더가 필요합니다. headers: { 'Authorization': ... } 그리고 몸은 var payload = { "username": .. } 인터 웹에서 검색 한 결과 DELETE 메서드에 "매개 변수"가 필요하고 "데이터"를 허용하지 않는다는 것만 발견했습니다. 다음과 같이 보내려고했습니다. axios.delete(URL, payload, header); 또는 …


19
React-소품에서 HTML 태그를 전달하는 방법?
다음과 같이 HTML 태그로 텍스트를 전달할 수 있기를 원합니다. <MyComponent text="This is <strong>not</strong> working." /> 그러나 MyComponent의 렌더링 메서드 내부에서를 인쇄 this.props.text하면 문자 그대로 모든 것을 인쇄합니다. This is <strong>not</strong> working. React가 HTML을 구문 분석하고 올바르게 덤프하는 방법이 있습니까?
118 reactjs 

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.