«reactjs» 태그된 질문

버튼 요소에 비활성화 된 속성을 동적으로 포함 / 생략하고 싶습니다. 동적 속성 값의 예를 많이 보았지만 속성 자체는 보지 못했습니다. 다음과 같은 렌더링 기능이 있습니다. render: function() { var maybeDisabled = AppStore.cartIsEmpty() ? "disabled" : ""; return <button {maybeDisabled}>Clear cart</button> } "{"문자로 인해 구문 분석 오류가 발생합니다. AppStore.cartIsEmpty ()의 (boolean) …

92 reactjs 

내 반응 구성 요소에서 ajax 요청이 진행되는 동안 간단한 회 전자를 구현하려고합니다-im은 상태를 사용하여 로딩 상태를 저장합니다. 어떤 이유로 내 React 구성 요소의 아래 코드 부분 에서이 오류가 발생합니다. 마운트되거나 마운트 된 구성 요소 만 업데이트 할 수 있습니다. 이것은 일반적으로 마운트되지 않은 구성 요소에서 setState ()를 호출했음을 의미합니다. 이건 …

92 javascript  ajax  reactjs  state 

React의 div에서 keyDown 이벤트를 사용하고 싶습니다. 나는한다: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) { console.log(e.keyCode); } render() { let player = this.props.boards.dungeons[this.props.boards.currentBoard].player; return ( <div className="player" style={{ position: "absolute" }} onKeyDown={this.onKeyPressed} // not working > <div className="light-circle"> <div className="image-wrapper"> <img src={IMG_URL+player.img} /> </div> </div> </div> …

92 reactjs  events  keypress  keydown 

확인란 TSX (JSX) 요소가 있습니다. <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> VS 코드의 도움으로의 입력 매개 변수 유형 this.handleCheckboxClick이 MouseEvent<HTMLInputElement>. 그래서 다음과 같이 구현했습니다. private handleCheckboxClick(event: MouseEvent<HTMLInputElement>) { ... } 그런 다음 [ts] Type 'MouseEvent' is not generic.아래 이미지와 같이 오류가 발생 합니다. 내 패키지 버전 : "@types/react": "^15.0.29", "@types/react-dom": "^15.5.0", …

92 reactjs  typescript  events  types  jsx 

ReactJS를 사용하고 있으며 앱의 일부에는 예쁜 인쇄 된 JSON이 필요합니다. 다음과 같은 JSON을 얻 습니다. 브라우저 콘솔에서 { "foo": 1, "bar": 2 }실행 JSON.stringify(obj, null, 4)하면 꽤 인쇄되지만이 반응 스 니펫에서 사용할 때 : render: function() { var json = this.getStateFromFlux().json; return ( <div> <JsonSubmitter onSubmit={this.onSubmit} /> { JSON.stringify(json, null, …

92 javascript  json  reactjs  flux 

css-in-js 메서드를 사용하여 반응 구성 요소에 클래스를 추가하는 경우 여러 구성 요소를 추가하려면 어떻게해야합니까? 다음은 클래스 변수입니다. const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); 사용 방법은 다음과 같습니다. return ( <div className={ this.props.classes.container }> 위는 작동하지만 classNamesnpm 패키지 …

92 css  reactjs  material-design  material-ui  jss 

예 : codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });

92 javascript  select  input  reactjs 

Redux 문서의 첫 번째 원칙은 다음과 같습니다. 전체 응용 프로그램의 상태는 단일 저장소 내의 개체 트리에 저장됩니다. 그리고 실제로 모든 원리를 잘 이해하고 있다고 생각했습니다. 하지만 이제 응용 프로그램이 무엇을 의미하는지 혼란 스럽습니다. 응용 프로그램이 웹 사이트의 작은 복잡한 부분 중 하나를 의미하고 한 페이지에서 작동한다면 이해합니다. 하지만 애플리케이션이 전체 …

92 reactjs  redux  flux 

나는 ( React.Component ) 에서 Facebook의 문서를 보았고 componentWillMount클라이언트 / 서버에서 어떻게 호출되는 반면 componentDidMount클라이언트에서만 호출 되는지 언급했습니다 . 무엇 않는 componentWillMount서버에합니까?

91 reactjs 

Sublime Text를 텍스트 편집기로 사용하고 있습니다. javascript 파일 형식화를위한 jsFormat이 있지만 JSX 용을 찾을 수 없습니다. JSX 포맷을 어떻게 처리합니까?

91 reactjs  sublimetext  react-jsx 

내가 명백한 질문을하고 있다는 것을 믿을 수 없지만 콘솔 로그에 여전히 오류가 있습니다. 콘솔은 디렉토리에서 모듈을 찾을 수 없다고하는데 적어도 10 번 이상 오타를 확인했습니다. 어쨌든 여기에 구성 요소 코드가 있습니다. 헤더 를 루트 로 렌더링하고 싶습니다. import React, { Component } from 'react' import Header from './src/components/header/header' import logo …

91 javascript  reactjs 

저는 Typescript, React 및 Redux (모두 Electron에서 실행 중)로 프로젝트를 진행 중이며 하나의 클래스 기반 구성 요소를 다른 구성 요소에 포함하고 이들 사이에 매개 변수를 전달하려고 할 때 문제가 발생했습니다. 느슨하게 말하면 컨테이너 구성 요소에 대해 다음과 같은 구조가 있습니다. class ContainerComponent extends React.Component<any,any> { .. render() { const { …

91 reactjs  typescript  redux  electron  jsx 

온라인 코스에서 만든이 간단한 helloworld 반응 앱이 있지만이 오류가 발생합니다. 잘못된 구성 개체입니다. API 스키마와 일치하지 않는 구성 개체를 사용하여 Webpack이 초기화되었습니다. -구성에 알 수없는 속성 'postcss'가 있습니다. 다음 속성은 유효합니다. object {amd ?, bail ?, cache ?, context ?, dependencies ?, devServer ?, devtool ?, entry, externals ?, loader …

91 reactjs  typescript  webpack 

네이티브 핸들에 어떻게 반응하는지 또는 반응 형 글꼴을 수행하는지 묻고 싶습니다. 예를 들어, iphone 4s에서는 fontSize : 14가 있고 iPhone 6에서는 fontSize : 18이 있습니다.

91 ios  reactjs  react-native 

그래서 나는 이것을 가지고 있습니다. let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal은 숫자의 배열 일뿐입니다. [1, 5, 9]예를 들어 this.state.dealersOverallTotal정확한 합계를 제공하지는 않지만 그렇 total습니까? 이것이 문제가 …

91 javascript  reactjs  state  setstate