«reactjs» 태그된 질문

다음과 같이 매우 간단한 기능 구성 요소가 있습니다. import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; 그리고 또 다른 구성 요소 : import * as React from "react"; export interface LayoutProps { children: React.ReactNode } …

138 reactjs  typescript  jsx  typescript2.0 

반응 라우터와 반응하고 있습니다. 반응 라우터의 "링크"에 속성을 전달하려고합니다. var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( <div> <Link to="ideas" params={{ testvalue: …

137 javascript  reactjs  react-router 

최근에 Angular에서 ReactJs로 옮겼습니다. API 호출에 jQuery를 사용하고 있습니다. 목록에 인쇄 할 임의의 사용자 목록을 반환하는 API가 있습니다. API 호출을 작성하는 방법을 잘 모르겠습니다. 가장 좋은 방법은 무엇입니까? 다음을 시도했지만 출력이 없습니다. 필요한 경우 대체 API 라이브러리를 구현할 수 있습니다. 아래는 내 코드입니다. import React from 'react'; export default class …

137 javascript  jquery  reactjs 

ReactJS 컴포넌트 내에서 전체 URL을 어떻게 얻습니까? 나는 그것이 다음과 같아야한다고 생각 this.props.location하지만 그것은undefined

137 reactjs 

내 오류 출력 : 잘못된 구성 개체입니다. API 스키마와 일치하지 않는 구성 오브젝트를 사용하여 웹팩이 초기화되었습니다. -configuration.module에 알 수없는 'loaders'속성이 있습니다. 객체 {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRequest ?, unsafeCache ?, wrappedContextCritical ?, wrappedContextRecursive ?, …

136 reactjs  webpack 

TLDR : 확인 된 jsbin 대신 defaultChecked를 사용하십시오 . 레이블 텍스트를 확인할 때 간단한 확인란을 설정하려고합니다. 어떤 이유로 든 구성 요소를 사용할 때 handleChange가 실행되지 않습니다. 아무도 내가 뭘 잘못하고 있는지 설명 할 수 있습니까? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || false }; …

136 checkbox  onchange  reactjs 

반응 응용 프로그램을 시스템에 복제하고 다음 명령을 실행했습니다. npm install -g create-react-app npm install --save react react-dom 그 후 나는 달렸다 npm start 그러나 그것은 위에서 언급 한 오류를 던졌습니다. 다른 시스템에서 제대로 작동하고 있는데 github에서 푸시했습니다. 그러나 Windows 또는 Mac을 복제 한 후 다른 시스템에서는 작동하지 않습니다.

136 reactjs 

나는 Reactand를 ES6사용 babel하고 webpack있습니다. 다른 파일로 여러 구성 요소를 만들고 단일 파일로 가져 와서 번들로 묶고 싶습니다.webpack 다음과 같은 몇 가지 구성 요소가 있다고 가정 해 보겠습니다. my-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" fluid> ... …

135 reactjs  ecmascript-6  webpack 

아래 코드를 사용하여 React 구성 요소에 기본 소품을 설정했지만 작동하지 않습니다. 이 render()방법에서 출력 "정의되지 않은 소품"이 브라우저 콘솔에 인쇄 된 것을 볼 수 있습니다. 컴포넌트 소품의 기본값을 어떻게 정의 할 수 있습니까? export default class AddAddressComponent extends Component { render() { let {provinceList,cityList} = this.props if(cityList === undefined || …

135 reactjs  ecmascript-6 

반응 프로젝트의 이미지에 문제가 있습니다. 실제로 나는 항상 src 속성에 대한 상대 경로가 파일 아키텍처를 기반으로한다고 생각했습니다. 여기 내 파일 아키텍처 : components file1.jsx file2.jsx file3.jsx container img js ... 그러나 경로가 URL에 작성되어 있음을 깨달았습니다. 내 구성 요소 중 하나 (예 : file1.jsx)에 다음이 있습니다. localhost/details/2 <img src="../img/myImage.png" /> …

135 javascript  reactjs  webpack 

반응 redux에서 구성 요소와 컨테이너의 차이점은 무엇입니까?

135 javascript  reactjs  redux 

reactjs를 처음 사용하고 반응식 앱에 부트 스트랩을 포함하고 싶습니다. 부트 스트랩을 설치했습니다. npm install bootstrap --save 이제 반응 앱에 부트 스트랩 CSS와 js를로드하려고합니다. 웹팩을 사용하고 있습니다. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: 8080, historyApiFallback: true, contentBase:'./src' }, …

135 twitter-bootstrap  reactjs  webpack 

다음 의사 코드 예제에서 컨테이너가 foo.bar를 변경할 때 Child가 다시 렌더링되지 않는 이유는 무엇입니까? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return <div>{this.props.bar}</div> } } forceUpdate()컨테이너에서 값을 수정 한 후 호출해도 Child는 여전히 이전 값을 표시합니다.

135 javascript  html  reactjs 

알림 구성 요소가 있으며 시간 초과 설정이 있습니다. 시간 초과 후을 호출 this.setState({isTimeout:true})합니다. 내가하고 싶은 것은 이미 시간 초과 된 경우 아무것도 렌더링하지 않기를 원합니다. render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has some syntax error } return (<div>{this.props.children}</div>); } 문제는 …

135 reactjs 

ReadableStream객체 로부터 정보를 얻으려면 어떻게 해야합니까? Fetch API를 사용 중이며 설명서에서 명확하지 않은 것으로 보입니다. 본문이로 반환되고 있으며이 ReadableStream스트림 내의 속성에 간단히 액세스하고 싶습니다. 브라우저 개발 도구의 응답 에서이 정보가 JavaScript 객체의 형태로 속성으로 구성되어있는 것으로 보입니다. fetch('http://192.168.5.6:2000/api/car', obj) .then((res) => { if(res.status == 200) { console.log("Success :" + res.statusText); …

135 javascript  node.js  reactjs  fetch