«reactjs» 태그된 질문

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

9
ReactJS :“Uncaught SyntaxError : Unexpected token <”
ReactJS에서 사이트 구축을 시작하려고합니다. 그러나 JS를 별도의 파일에 넣으려고 할 때 "Uncaught SyntaxError : Unexpected token &lt;"오류가 발생하기 시작했습니다. /** @jsx React.DOM */JS 파일 맨 위에 추가하려고했지만 아무것도 고치지 않았습니다. 다음은 HTML 및 JS 파일입니다. 무엇이 잘못되었는지에 대한 아이디어가 있습니까? HTML &lt;html&gt; &lt;head&gt; &lt;title&gt;Page&lt;/title&gt; &lt;script src="http://fb.me/react-0.12.2.js"&gt;&lt;/script&gt; &lt;script src="http://fb.me/JSXTransformer-0.12.2.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/jquery-1.10.0.min.js"&gt; …
7
React JS-Uncaught TypeError : this.props.data.map은 함수가 아닙니다.
reactjs로 작업 중이며 JSON 데이터를 표시하려고 할 때 (파일 또는 서버에서)이 오류를 방지 할 수없는 것 같습니다. Uncaught TypeError: this.props.data.map is not a function 나는 보았다 : "TypeError : this.props.data.map은 함수가 아닙니다."를 던지는 React 코드 React.js this.props.data.map ()은 함수가 아닙니다. 이들 중 어느 것도 문제를 해결하는 데 도움이되지 않았습니다. 내 …
110 javascript  ajax  json  reactjs 
17
Typescript react- ''react-materialize '모듈에 대한 선언 파일을 찾을 수 없습니다. 'path / to / module-name.js'에는 암시 적으로 모든 유형이 있습니다.
react-materialize에서 구성 요소를 가져 오려고합니다. import {Navbar, NavItem} from 'react-materialize'; 그러나 웹팩이 내 컴파일을 할 때 .tsx위와 같은 오류가 발생합니다. ERROR in ./src/common/navbar.tsx (3,31): error TS7016: Could not find a declaration file for module 'react-materi alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l ib\index.js' implicitly has an 'any' type. 이 ts-loader.I에 대한 해결 방법이 가져 오기 …
3
누구나 Reacts 단방향 데이터 바인딩과 Angular의 양방향 데이터 바인딩의 차이점을 설명 할 수 있습니까?
나는 이러한 개념에 대해 약간 모호합니다 .AngularJS와 ReactJS에서 동일한 ToDo 앱을 완전히 빌드하면 React ToDo가 단방향 데이터 바인딩과 AngularJS의 양방향 데이터 바인딩을 사용하는 이유는 무엇입니까? 나는 React가 다음과 같이 작동한다는 것을 이해합니다. 렌더링 (데이터) ---&gt; UI. Angular와 어떻게 다른가요?
2
부모 상태 변경 후 React 자식 구성 요소가 업데이트되지 않음
다양한 하위 구성 요소에 데이터를 채우기 위해 멋진 ApiWrapper 구성 요소를 만들려고합니다. 내가 읽은 모든 것에서 이것은 작동합니다 : https://jsfiddle.net/vinniejames/m1mesp6z/1/ class ApiWrapper extends React.Component { constructor(props) { super(props); this.state = { response: { "title": 'nothing fetched yet' } }; } componentDidMount() { this._makeApiCall(this.props.endpoint); } _makeApiCall(endpoint) { fetch(endpoint).then(function(response) { this.setState({ response: …
109 reactjs 
7
setInterval 내에서 React 상태 후크를 사용할 때 상태가 업데이트되지 않음
저는 새로운 React Hooks를 시험 해보고 있으며 매초마다 증가해야하는 카운터가있는 Clock 구성 요소를 가지고 있습니다. 그러나 값은 1 이상으로 증가하지 않습니다. function Clock() { const [time, setTime] = React.useState(0); React.useEffect(() =&gt; { const timer = window.setInterval(() =&gt; { setTime(time + 1); }, 1000); return () =&gt; { window.clearInterval(timer); }; }, …
3
자식 구성 요소 내부에서 React Context를 업데이트하는 방법은 무엇입니까?
다음과 같이 컨텍스트에 언어 설정이 있습니다. class LanguageProvider extends Component { static childContextTypes = { langConfig: PropTypes.object, }; getChildContext() { return { langConfig: 'en' }; } render() { return this.props.children; } } export default LanguageProvider; 내 응용 프로그램 코드는 다음과 같습니다. &lt;LanguageProvider&gt; &lt;App&gt; &lt;MyPage /&gt; &lt;/App&gt; &lt;/LanguageProvider&gt; 내 페이지에 언어 …
5
React.useState는 props에서 상태를 다시로드하지 않습니다.
props 변경시 상태가 다시로드 될 것으로 예상하지만 이것이 작동하지 않고 user다음 useState호출에서 변수가 업데이트되지 않습니다 . 무엇이 잘못 되었습니까? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (&lt;img src={user.avatar}/&gt;) : (&lt;p&gt;Loading...&lt;/p&gt;); } 코드 펜
2
클라이언트 라우팅 (react-router 사용) 및 서버 측 라우팅
나는 생각하고 클라이언트와 서버 사이의 라우팅과 혼동됩니다. 요청을 웹 브라우저로 다시 보내기 전에 ReactJS를 서버 측 렌더링에 사용하고 react-router를 클라이언트 측 라우팅으로 사용하여 SPA로 새로 고치지 않고 페이지 사이를 전환한다고 가정합니다. 떠오르는 것은 : 경로는 어떻게 해석됩니까? 예를 들어 홈페이지 ( /home)에서 게시물 페이지 ( /posts) 로의 요청 라우팅은 서버 …
19
글꼴 'data : font / woff…'로드 거부는 다음 콘텐츠 보안 정책 지침을 위반합니다 :“default-src 'self'”. 'font-src'에 유의하십시오.
내 반응 웹 앱이 브라우저 콘솔 에서이 오류를 제공합니다. Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. 또한: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates the …
4
react-router-dom에서 withRouter는 무엇입니까?
나는 때때로 사람들 withRouter이 그들을 내보낼 때 구성 요소를 감싸는 것을 보았습니다 . import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); 이것은 무엇을위한 것이며 언제 사용해야합니까?
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.