«reactjs» 태그된 질문

http://catfacts-api.appspot.com/api/facts?number=99Postman을 통해이 끝점을 칠 수 있습니다.JSON 또한 create-react-app를 사용하고 있으며 서버 구성을 설정하지 않으려 고합니다. 내 클라이언트 코드 fetch에서 동일한 작업을 수행 하려고 하지만 오류가 발생합니다. 요청 된 리소스에 'Access-Control-Allow-Origin'헤더가 없습니다. 따라서 원본 ' http : // localhost : 3000 '은 액세스 할 수 없습니다. 불투명 한 응답이 사용자의 요구를 …

167 javascript  reactjs  cors  create-react-app  fetch-api 

나는 현재 React-Native 튜토리얼을 진행하고 있습니다. 시작하기 자습서로 시작하여 새로운 반응 기본 프로젝트를 만들고 장치에서 프로젝트를 성공적으로 실행할 수있었습니다. 그런 다음 Props tutorial 을 시작하고 코드 스 니펫을 복사하고 프로젝트를 다시 실행하려고 시도했으며 화면에 다음 오류 메시지가 표시되었습니다.

166 javascript  facebook  reactjs  react-native 

React 16.2에는 개선 된 지원 Fragments이 추가되었습니다. 자세한 내용은 React의 블로그 게시물 에서 확인할 수 있습니다 . 우리는 모두 다음 코드에 익숙합니다. render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another heading</h2> Even more text. </div> ); } 예, 컨테이너 사업부가 필요하지만 …

165 reactjs 

React 구성 요소를 작성하려고합니다. html 제목 태그 (h1, h2, h3 등)의 경우, 제목 우선 순위는 소품에서 정의한 우선 순위에 따라 동적으로 변경됩니다. 여기 내가하려는 일. <h{this.props.priority}>Hello</h{this.props.priority}> 예상 출력 : <h1>Hello</h1> 작동하지 않습니다. 가능한 방법이 있습니까?

163 reactjs  jsx 

누군가가 차이점을 설명 할 수 있습니까? <Route exact path="/" component={Home} /> 과 <Route path="/" component={Home} /> 나는 '정확한'의 의미를 모른다

162 reactjs  react-router  react-router-dom 

다음과 같은 상태입니다. this.setState({ selected: { id: 1, name: 'Foobar' } }); 그런 다음 상태를 업데이트합니다. this.setState({ selected: { name: 'Barfoo' }}); 때문에 setState병합한다고 가정이다 나는 것으로 기대 : { selected: { id: 1, name: 'Barfoo' } }; 그러나 대신 ID를 먹고 상태는 다음과 같습니다. { selected: { name: 'Barfoo' …

160 javascript  reactjs 

react-native run-android안드로이드 시뮬레이터에 메시지를 남기면 명령이 종료됩니다. 메시지는 다음과 같습니다. 스크립트를로드 할 수 없습니다. Metro 서버를 실행 중이거나 번들 'index.android.bundle'이 릴리스 용으로 올바르게 패키지되어 있는지 확인하십시오. 내가 뭘 잘못하고 있죠?

160 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

ReactJS에서 뷰포트 높이를 어떻게 얻습니까? 일반적인 JavaScript에서는 window.innerHeight() 그러나 ReactJS를 사용하면이 정보를 얻는 방법을 모르겠습니다. 내 이해는 ReactDOM.findDomNode() 생성 된 컴포넌트에만 작동합니다. 그러나 이것은 document또는 body요소 의 경우가 아니므로 창의 높이를 얻을 수 있습니다.

160 javascript  reactjs  window  viewport 

여기 내가 시도한 것과 그것이 어떻게 잘못되었는지가 있습니다. 이것은 작동합니다 : <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> 이것은하지 않습니다 : <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> description 속성은 일반적인 HTML 콘텐츠 문자열입니다. 그러나 어떤 이유로 HTML이 아닌 문자열로 렌더링됩니다. 어떤 제안?

159 javascript  html  reactjs  jsx 

component 의 도움으로 뷰 간 사용자 정의 탐색 기능이있는 데모 앱을 개발하면서 React Native의 가능성을 탐색 중 입니다.Navigator 기본 앱 클래스는 네비게이터를 렌더링하고 내부 renderScene는 전달 된 구성 요소를 리턴합니다. class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} …

158 javascript  ios  navigation  reactjs  react-native 

var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java" onChange={this.change}>Java</option> <option value="C++" onChange={this.change}>C++</option> </select> <p></p> <p value={this.change}></p> </div> ); } }); React.render(<MySelect />, document.body); onChange이벤트가 작동하지 않습니다.

158 javascript  reactjs 

일반 클래스 목록에 동적 클래스를 추가해야하지만 다음과 같은 방법 (아기 사용)을 모릅니다. <div className="wrapper searchDiv {this.state.something}"> ... </div> 어떤 아이디어?

158 css  reactjs 

나는 약간의 코드를 썼다 : function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } 오류가 발생했습니다 : JSX 요소 유형에 Elem구성 또는 호출 서명이 없습니다. 무슨 뜻인가요?

158 reactjs  typescript  material-ui 

React에서 구성 요소가 다시 렌더링되는 원인을 디버깅하는 체계적인 접근 방법이 있습니까? 간단한 console.log ()를 넣어 얼마나 많은 시간을 렌더링하는지 알 수 있지만 구성 요소가 여러 번 (4 번) 렌더링되는 원인을 파악하는 데 문제가 있습니다. 타임 라인 및 / 또는 모든 구성 요소 트리 렌더링 및 순서를 표시하는 도구가 있습니까?

156 reactjs  redux 

React의 중괄호 표기법을 통합하는 방법이 있습니까? href 태그 있습니까? 상태에 다음 값이 있다고 가정하십시오. {this.state.id} 태그의 다음 HTML 속성 : href="#demo1" id="demo1" 내가 추가 할 수있는 방법이 있습니까 idHTML 속성에 상태를 다음과 같은 것을 얻을 href={"#demo + {this.state.id}"} 어느 것이 산출 될까요? #demo1

156 javascript  html  reactjs  ecmascript-6