«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: …

121 javascript  reactjs 

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

120 reactjs 

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

120 javascript  node.js  client-server  reactjs 

나는 가지고있다 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'}); });

120 javascript  jquery  reactjs 

반응 네이티브 앱을 시작하려고 할 때이 메시지가 표시됩니다. 일반적으로 이러한 종류의 형식은 다른 다중 화면 탐색에서 작동하지만이 경우에는 작동하지 않습니다. 다음은 오류입니다. 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 내 앱 형식은 다음과 …

120 reactjs  react-native 

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/

120 javascript  dom  contenteditable  reactjs 

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

120 reactjs 

나는 우연히 발견했을 때 후크 문서를 살펴보고 있었다 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> </> ); } …

120 javascript  reactjs  react-hooks 

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

119 architecture  internationalization  reactjs  translation  redux 

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

119 css  reactjs  react-native 

의 의미는 무엇입니까 {...this.props} 그렇게 사용하려고 해요 <div {...this.props}> Content Here </div>

119 reactjs 

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

119 reactjs  material-ui 

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

119 javascript  reactjs  http  axios  http-delete 

Material-UI 로 약간 놀고 있습니다. 그리드 레이아웃을 만드는 옵션이 있습니까 (예 : Bootstrap )? 그렇지 않은 경우이 기능을 추가하는 방법은 무엇입니까? 거기에있다 GridList 구성 요소는 하지만 난 그게 어떤 다른 목적을 가지고 같아요.

118 reactjs  material-design  material-ui  grid-system 

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

118 reactjs