«reactjs» 태그된 질문

나는 React에 조금 익숙하고 className을 string + prop으로 설정하려고합니다. 그러나 나는 그것을하는 방법과 그것이 모범 사례인지 확실하지 않습니다. 그래서 내가하려는 것은 분명히 작동하지 않습니다. <a data-featherlight='string' + {this.props.data.imageUrl}> 이것을 작성하는 방법은 무엇입니까?

81 reactjs 

나는 angular를 사용하여 반응하기 위해오고 있으며 조건에 따라 요소를 렌더링하거나 렌더링하지 않는 angular의 ng-if 지시문에 대한 좋은 반응 대안을 찾으려고합니다. 예를 들어이 코드를 사용하십시오. 나는 typescript (tsx) btw를 사용하고 있지만 그다지 중요하지 않습니다. "use strict"; import * as React from 'react'; interface MyProps {showMe: Boolean} interface MyState {} class Button …

81 reactjs 

Webstorm과 달리 .jsVisual Studio Code의 파일에서 JSX 코드를 주석 처리 할 수 ​​없습니다 .

81 reactjs  react-native  visual-studio-code  jsx 

선택 상자에 대해 선택된 옵션을 설정하는 React 방법은 선택 하려는 요소 의 속성에 해당 하는 특수 value소품을 <select>자체 에 설정하는 것입니다. A의 선택이 소품 대신 배열을 받아 들일 수 있습니다.value<option>multiple 이제 이것은 특별한 속성이기 때문에 사용자가 항목을 변경할 때 동일한 옵션 값 구조에서 선택한 옵션 을 검색 하는 표준 방법이 …

81 javascript  dom  reactjs 

webpack으로 프로젝트를 빌드하고이 webpack 구성에 반응하려고합니다. var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ], output: { publicPath: '/', filename: 'dist/main.js' }, debug: true, devtool: 'source-map', module: { loaders: [ { test: /\.js$/, include: path.join(__dirname, 'app'), loader: 'babel-loader', query: { presets: …

80 reactjs  webpack  babeljs 

라이브 업데이트를 위해 SocketIO의 도움으로 작은 ReactJS 대시 보드를 만들었습니다. 대시 보드를 업데이트하고 있지만 올바르게 수행했는지 확실하지 않다는 점이 귀찮습니다. 나를 가장 괴롭히는 것은 안티 패턴 게시물 로서 getInitialState 의 Props입니다 . 페이지를로드하는 것 외에 사용자 상호 작용이 필요하지 않은 서버에서 실시간 업데이트를 가져 오는 대시 보드를 만들었습니다. 내가 읽은 …

79 reactjs 

webpack 및 react 프레임 워크와 함께 스타일 로더를 사용하고 있습니다. 터미널에서 webpack을 실행할 때 Module not found: Error: Cannot resolve module 'style-loader'파일 경로를 올바르게 지정했지만 import.js 파일에 들어갑니다. import '../css/style.css'; import React from 'react'; import ReactDOM from 'react-dom'; import jQuery from 'jquery'; import TopicsList from '../components/topic-list.jsx'; import Layout from '../components/layout.jsx'; …

79 javascript  reactjs  webpack  webpack-style-loader 

Image꽤 잘 작동하는 화면 중앙에 플렉스 박스로 구성 요소를 스타일링하고 있습니다. 이제 두 번째 Image구성 요소를 첫 번째 구성 요소의 맨 위에 직접 표시 하고 싶습니다 . 두 번째 이미지는 절대 위치 지정을 사용합니다. 현재 저는 픽셀이 맞도록 추측하고 있지만 물론 이것은 정확하지 않고 유지 관리 작업이 너무 많습니다. 나는 …

79 javascript  ios  reactjs  react-native 

React JSX에서는 다음과 같은 작업을 수행 할 수 없습니다. render: function() { return ( <{this.props.component.slug} className='text'> {this.props.component.value} </{this.props.component.slug}> ); } 코드 조각 실행Hide results스 니펫 확장 구문 분석 오류가 발생합니다. Unexpected token {. 이것은 React가 처리 할 수있는 것이 아닙니까? 내부적으로 저장된 값에 this.props.component.slug유효한 HTML 요소 (h1, p 등)가 포함 …

78 javascript  reactjs 

React 구성 요소가 있고 파일에서 JSON 데이터를로드하고 싶습니다. 변수 데이터 를 전역으로 생성하더라도 현재 콘솔 로그가 작동하지 않습니다. 'use strict'; var React = require('react/addons'); // load in JSON data from file var data; var oReq = new XMLHttpRequest(); oReq.onload = reqListener; oReq.open("get", "data.json", true); oReq.send(); function reqListener(e) { data = …

78 javascript  ajax  json  xmlhttprequest  reactjs 

Visual Studio Code에서 구성 요소 또는 HTML 완성을 사용하는 방법이 있습니까? Bootstrap 등의 클래스가있을 때 각 문자를 수동으로 입력하는 것은 좋지 않습니다. 예를 들어 Emmet에서와 같이 완성 :ul>li*2>a var React = require('react'); var Header = React.createClass({ render: function () { return ( <nav className="navbar navbar-defaullt"> <div className="container-fluid"> <a href="/" className="navbar-brand"> …

78 reactjs  autocomplete  visual-studio-code  jsx  emmet 

useState후크를 사용할 때이 오류가 발생합니다 . 참조를 위해 반응 문서 를 살펴보면서 기본 형식으로되어 있지만 여전히이 오류가 발생합니다. 얼굴 손바닥 순간을 맞이할 준비가되었습니다 ... export function Header() { const [count, setCount] = useState(0) return <span>header</span> }

78 javascript  reactjs  react-hooks 

해결 방법 Could not find plugin "proposal-numeric-separator", React 응용 프로그램을 만들려고 할 때이 오류가 발생하지만 응용 프로그램을 아직 꺼내지 않았습니다. ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) at Generator.next (<anonymous>) …

60 reactjs  build  yarnpkg 

반응 네이티브 0.61로 업그레이드 한 후 다음과 같은 경고가 많이 발생합니다. VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. VirtualizedList-backed container내가 사용해야 하는 다른 것은 무엇이며, 왜 그렇게 사용하지 않는 것이 좋습니다?

38 javascript  reactjs  react-native 

React useState Hook를 사용하는 표준 방법은 다음과 같습니다. const [count, setCount] = useState(0); 그러나이 const count변수는 분명히 다른 기본 값으로 재 할당 될 것입니다. 그렇다면 왜 변수가로 정의되지 let count않습니까?

33 javascript  reactjs  ecmascript-6  react-hooks