showcode

React(이형 앱)에서 API 호출 시 'Access-Control-Allow-Origin' 문제 발생 리액트와 익스프레스를 사용하는 동형 자바스크립트 앱에 문제가 생겼습니다. 내 컴포넌트가 마운트되면 actios.get을 사용하여 HTTP 요청을 하려고 합니다. componentDidMount() { const url = 'http://ufc-data-api.ufc.com/api/v3/iphone/fighters/title_holders'; axios.get(url).then( res => { //use res to update current state }) } API에서 상태 200 res가 표시되지만 응답 데이터가 표시되지 않고 콘솔에 오류가 표시됩니다. XMLHttpRequest cannot l..

Webpack-dev-server는 앱 페이지 대신 디렉토리 목록을 제공합니다. 실제 앱은 아래에서만 볼 수 있습니다./public. 의 설정webpack.config.js이하에 나타냅니다. var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localho..

reactjs를 사용하여 Facebook API 로그인 구현 Facebook의 Javascript SDK를 인증에 사용하고 있습니다.SDK를 올바르게 Import 할 수 있게 되어, 페이지에 「좋아요」버튼을 붙일 수 있게 되었습니다.단, Facebook 로그인 버튼은 태그로 감싸야 합니다. 현재 Facebook 로그인 튜토리얼의 모든 코드를 내 프로젝트의 유일한 html 파일인 index.html에 붙여넣고 있습니다.이 파일은 리액트 어플리케이션을 포함하고 있습니다.그러나 실제 로그인 버튼이 있는 마지막 부분을 React 컴포넌트에 넣어야 합니다.이것을 하려고 했을 때, 다음의 에러가 발생했습니다. ReactifyError: /Users/ritmatter/reps/js/components/Signup.j..

Create-React-App 어플리케이션의 index.html과 index.js 사이의 접속처는 어디입니까? Create React App을 사용하기 시작했는데 어떻게 해야 하는지 이해할 수 없습니다.index.js로딩되어 있습니다.index.html다음은 html 코드입니다. 하지만 나는 어디에도 그 수입품이 보이지 않는다.index.js어디서 연결되죠?제가 무엇을 빠뜨리고 있나요?Create React App은 후드에서 html-webpack-plugin이 포함된 웹 팩을 사용합니다. 이 구성에서는 웹 팩이 다음을 사용하도록 규정하고 있습니다.src/index.js"진입점"으로 지정됩니다.이것이 첫 번째 모듈입니다.이 모듈에서 다른 모듈로 이동하여 하나의 번들로 컴파일합니다. 웹 팩은 자산을 컴파일..

react-intl vs react-i18(React용)JS 국제화(i18n) 마감되었습니다. 이 질문은 충족되지 않습니다.스택 오버플로우 가이드라인현재 답변을 받고 있지 않습니다. 서적, 도구, 소프트웨어 라이브러리 등에 대한 권장 질문을 허용하지 않습니다.당신은 그 질문을 사실과 인용문으로 대답할 수 있도록 편집할 수 있다. 5년 전에 문을 닫았어요 이 질문을 개선하다 ReactJs를 사용하여 다국어 애플리케이션을 만들어야 합니다.어플리케이션에는 다양한 언어에 대응하는 커스텀 사전과 날짜/시간, 숫자 및 통화의 자동 서식이 필요합니다. 지금까지 본 바로는 매우 인기 있는 라이브러리가 2개 있습니다. react-intl 및 react-i18 next 하나와 다른 것 사이의 장점은 무엇일까요?가장 많이 ..

리액트 링크 vs 태그 및 화살표 기능 리액트 라우터를 시작한 지 얼마 안 됐어요 두 가지 질문이 있습니다.를 사용하는 것의 차이점은 무엇입니까? ★★★★★★★★★★★★★★★★★」둘 다 , 하다, 하다, 하다에게./page '오류'를 요.하지만 내가 그것을 사용할 때는 작동한다.을 사용하다둘 다 정확히 같은 url로 렌더링하는 것을 알고 있는데 어떻게 차이가 날 수 있을까요? 두 번째로는 리액트라우터 v4 매뉴얼에 기재되어 있는 이상한 화살표 기능입니다. const About = () => ( About ) 는 알고 있다() => {}이것들은 ES6에서는 처음이지만, 괄호 대신 일반 괄호 안에 있는 것은 없습니다.뭐?? 편집 my index.js 클래스(모든 Import를 가지고 있습니다) render(..

리액트 리덕스 및 웹 소켓(소켓 포함)이오 저는 이 React-Redux 기술을 처음 사용하는 사람입니다. 구현에 도움을 받고 싶습니다. 소켓이 있는 채팅어플리케이션(socket.io)을 1개 실장하고 싶습니다.먼저 사용자가 등록해야 합니다(서버 측에서 여권을 사용). 등록이 성공하면 사용자는 webSocket에 접속해야 합니다. 파이프와 같은 미들웨어를 사용하여 모든 액션을 수행하고 미들웨어가 어떤 액션을 취하느냐에 따라 다른 액션을 하는 것이 가장 좋다고 생각했습니다. 작업 유형이 다음과 같은 경우AUTH_USER클라이언트와 서버의 접속을 확립하고, 서버로부터의 모든 이벤트를 설정합니다.이벤트를 설정합니다. 작업 유형이 다음과 같은 경우MESSAGE메시지를 서버로 보냅니다. 코드 조각: -----so..

Redux를 사용하여 connect를 사용하여 이 . props에서 간단한 디스패치를 얻는 방법 접속하는 심플한 React 컴포넌트가 있습니다(심플한 어레이/상태 매핑).가게의 콘텍스트를 참조하지 않기 위해서, 소품으로부터 직접 「디스패치」를 받는 방법을 원합니다.다른 사용자가 이 방법을 사용하는 것을 본 적이 있지만, 어떤 이유로 이 방법을 사용할 수 없습니다. 다음은 현재 사용하고 있는 각 npm 종속성의 버전입니다. "react": "0.14.3", "react-redux": "^4.0.0", "react-router": "1.0.1", "redux": "^3.0.4", "redux-thunk": "^1.0.2" connect method가 있는 컴포넌트는 다음과 같습니다. class Users e..

리액트 라우터 v4에서 이력 푸시 방법 리액트라우터에서는 서버의 「」(v3)를 사용할 수 .browserHistory.push적절한 응답 페이지로 이동합니다.그러나 v4에서는 사용할 수 없기 때문에 어떻게 대처해야 할지 잘 모르겠습니다. 이 예에서는 Redx를 사용하여 컴포넌트/app-product-form.js를 호출합니다.this.props.addProduct(props)사용자가 양식을 제출할 때.서버가 성공을 반환하면 사용자는 Cart 페이지로 이동합니다. // actions/index.js export function addProduct(props) { return dispatch => axios.post(`${ROOT_URL}/cart`, props, config) .then(response =..

Xcode 11.0 빌드 get 오류 - 메서드의 알 수 없는 인수 유형 '_attribute__' - [RCTAppState getCurrentAppState:error:] Xcode의 모든 빌드에서 이 오류가 발생합니다.어떻게 고칠 수 있죠? 이 커밋 https://github.com/facebook/react-native/pull/25146/commits/61b8b9e69d8609fecaaaa7d2c9e32808bc5e98cb을 발견하면 수정이 가능하지만 아무 일도 일어나지 않았습니다. static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, "__unused") || RCTReadString(input, "__attr..