«reactjs» 태그된 질문

IndexRoute 및 IndexLink 사용 목적이 무엇인지 이해하지 못합니다 . 어떤 경우에도 About 경로가 활성화되지 않으면 아래 코드가 Home 구성 요소를 먼저 선택한 것 같습니다. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about" component={About}/> </Route> vs <Route path="/" component={App}> <Route path="home" component={Home}/> <Route path="about" component={About}/> </Route> 첫 번째 경우의 장점 / 목적은 …

102 javascript  reactjs  react-router  url-routing 

React에 대해 ESLINT를 미리 구성해야하는 eslint-config-airbnb를 설치 했습니다 . 기본 내보내기에는 ECMAScript 6+ 및 React를 포함한 모든 ESLint 규칙이 포함됩니다. eslint, eslint-plugin-import, eslint-plugin-react 및 eslint-plugin-jsx-a11y가 필요합니다. 내 .eslintrc구성 확장 : { "extends": "eslint-config-airbnb", "env": { "browser": true, "node": true, "mocha": true }, "rules": { "new-cap": [2, { "capIsNewExceptions": ["List", "Map", …

102 javascript  reactjs  eslint  eslint-config-airbnb 

다음은 내 양식과 onClick 메서드입니다. 키보드의 Enter 버튼을 눌렀을 때이 방법을 실행하고 싶습니다. 어떻게 ? NB : jquery는 감사하지 않습니다. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value}) }, <form className="commentForm"> <textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br /> <input type="text" placeholder="userPostId" ref="userPostId" /> <br /> <button type="button" className="btn btn-success" …

102 reactjs  reactjs-flux 

String Array를 표시 할 구성 요소가 하나 있습니다. 코드는 다음과 같습니다. React.createClass({ render() { <div> this.props.data.map(t => <span>t</span>) </div> } }) 완벽하게 잘 작동합니다. ie if props.data = [ 'tom', 'jason', 'chris'] 페이지에서 렌더링 된 결과는 tomjasonchris입니다. 그런 다음 쉼표를 사용하여 모든 이름을 결합하고 싶으므로 코드를 다음과 같이 변경합니다. this.props.data.map(t …

102 reactjs 

this.setState를 여러 번 사용할 때 어떤 일이 발생하는지 확인하고 싶었습니다 (토론을 위해 두 번). 구성 요소가 두 번 렌더링 될 것이라고 생각했지만 분명히 한 번만 렌더링되었습니다. 내가 가진 또 다른 기대는 setState에 대한 두 번째 호출이 첫 번째 호출을 통해 실행될 수 있다는 것이지만 당신은 그것을 추측했습니다. JSfiddle에 연결 var …

102 javascript  reactjs 

이 코드를 염두에 두십시오. var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div> ); } }); ReactDOM.render( <Component />, document.getElementById('main') ); 상태는 3 초 후에 만 ​​변경되지 않습니까? 즉시 …

102 javascript  reactjs 

방금 typescript와 함께 create-react-app을 사용하기 시작했습니다. create-react-app my-app --scripts-version=react-scripts-ts 기본 tslint.json 구성은 console.log ()를 허용하지 않습니다. (현재로서는) 어떻게 console.log를 활성화 할 수 있습니까? 이에 대한 문서는 https://palantir.github.io/tslint/rules/no-console/에 있습니다. 그러나 그들은이 줄을 어디에 둘지 말하지 않습니다. "no-console": [true, "log", "error"] 이 tslint.json 구성 파일 구문을 검색하고 찾았 으므로 다음을 시도했습니다. "rules": …

102 reactjs  typescript  create-react-app  tslint 

실행중인 test_stuff.js 파일이 있습니다. npm test 다음과 같이 보입니다. import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when the value is not present', function() …

102 javascript  reactjs  npm  react-jsx 

최근 저는 Facebook JavaScript 라이브러리 React.js를 사용하는 기능과 방법에 대해 많은 연구를했습니다. 종종 자바 스크립트 세계에서 두 개의 프로그래밍 스타일의 나머지의 차이 말할 때 declarative와 imperative했나요된다. 둘의 차이점은 무엇입니까?

102 reactjs 

메뉴 구성 요소를 작성하면서 Reactjs로 작업하고 있습니다. "use strict"; var React = require("react"); var Menus = React.createClass({ item_url: function (item,categories,articles) { console.log('afdasfasfasdfasdf'); var url='XXX'; if (item.type == 1) { url = item.categoryId == null ? 'javascript:void(0)' : path('buex_portal_browse_category', {slug: categories[item.categoryId].slug}); } else if (item.type == 2) { url = item.articleId …

101 javascript  reactjs  this  map-function 

PropTypes와 Flow는 비슷한 것을 다루지 만 다른 접근 방식을 사용합니다. PropTypes는 런타임 중에 경고를 제공 할 수 있으며, 이는 서버 등에서 오는 잘못된 응답을 신속하게 찾는 데 도움이 될 수 있습니다. 그러나 Flow는 미래인 것 같고 제네릭과 같은 개념을 가진 매우 유연한 솔루션입니다. 또한 Nuclide에서 제공하는 자동 완성 기능은 Flow에 …

101 reactjs  flowtype  react-proptypes 

우리 팀과 저는 엔터프라이즈 수준 웹 응용 프로그램 개발을 시작하기위한 자금을 받았습니다 (그 기능에 대해 자세히 설명하지 않음). 응용 프로그램에는 많은 별도의 웹 페이지가 있지만 그 중 두 페이지는 많은 사용자 상호 작용, 대량 데이터를 표시하는 모달, 웹 소켓 연결, 채팅 등과 같이 더 집중되고 매우 무겁습니다. 저는 프로젝트의 수석 …

101 asp.net  angular  reactjs  razor 

나는 이것이 기본적인 질문이라는 것을 알고 있지만 다른 곳에서 답을 찾지 못했습니다. 에서 store.dispatch동기 또는 비동기 Redux입니까? 비동기 인 경우 작업이 전파 된 후 콜백을 추가 할 가능성이 React있습니까?

101 javascript  reactjs  redux  single-page-application 

ReactJS에서 제어되는 구성 요소와 제어되지 않는 구성 요소는 무엇입니까? 서로 어떻게 다른가요?

101 reactjs  react-component 

나는 많은 농구 팀과 함께 사이드 네비게이션을 가지고 있습니다. 그래서 팀 중 하나를 가리키면 각 팀마다 다른 것을 표시하고 싶습니다. 또한 Reactjs를 사용하고 있으므로 변수가 있으면 다른 구성 요소에 전달할 수 있습니다.

101 hover  reactjs