codeshow

ReactJS에서 어레이 내의 개체를 업데이트하는 가장 좋은 방법은 무엇입니까? 어레이가 상태의 일부이고 해당 어레이에 개체가 포함되어 있는 경우 이러한 개체 중 하나를 변경하여 상태를 쉽게 업데이트하는 방법은 무엇입니까? 반응 관련 자습서에서 수정한 예: var CommentBox = React.createClass({ getInitialState: function() { return {data: [ { id: 1, author: "john", text: "foo" }, { id: 2, author: "bob", text: "bar" } ]}; }, handleCommentEdit: function(id, text) { var existingComment = this.state.data.filter({..

React에서 참조에 대한 올바른 예방 유형은 무엇입니까? 레독스 스토어에 ref를 저장하고 mapStateToProps를 사용하여 ref에 액세스해야 하는 컴포넌트의 ref를 표시하고 있습니다. 저장된 참조는 다음과 같습니다. ref={node => this.myRefToBePutInReduxGlobalStore = node} 이 참조에 적합한 propType은 무엇입니까? TL;DR 는, 「DOM」 를 합니다.div ★★★input올바른 정의는 다음과 같습니다. refProp: PropTypes.oneOfType([ // Either a function PropTypes.func, // Or the instance of a DOM native element (see the note about SSR)..

다른 컴포넌트에서 컴포넌트 상태에 액세스하는 방법 다른 컴포넌트에서 컴포넌트 상태에 액세스하려면 어떻게 해야 합니까?는 제 이며 컴포넌트 a 내b. var a = React.createClass({ getInitialState: function () { return { first: "1" }; }, render: function () { // Render HTML here. } }); var b = React.createClass({ getInitialState: function () { return { second: a.state.first }; }, render: function () { // Render HTML here. } }); 하지만 난 아무것도 얻지 못했어. 않습니다.state 것이 .a ..

Reactjs 맵은 기능하지만 각 맵은 기능하지 않습니다. 각각과 지도의 차이를 이해하려고 애쓰고 있어요다음 렌더링 기능에서는 'forEach'를 'map'으로 바꾸면 작동합니다.왜 'for each'와 함께 작동하지 않는지 이해할 수 없습니다.{item.id} 및 {item} 둘 다.text}은(는) 두 가지 메서드에 모두 있습니다.그렇다면 왜 'ForEach'를 사용할 때 'TodoItem'의 소품이 설정되지 않는 걸까요? render() { return( {this.props.items.forEach(function(item) { return ( ) })} ); } 'forEach'가 아무것도 반환하지 않는 경우 이 또한 작동하지 않습니다. render() { return( {this.props.i..

(노드:9374) 경고:ES 모듈을 로드하려면 "type"을 설정합니다. "module" 리액트를 오늘 막 배우기 시작했어요.Visual Studio 터미널의 콘솔에서 오류 메시지를 제거하려면 어떻게 해야 합니까? (node: 9374)Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. /Users/nishihaider/workspace-ui/react-todo-app/src/App.js:1 import React from "react"; import "./App.css"; function App() { return ( ToDo ); } export default App; 먼저 최..

모든 Axios 요청에 대한 Authorization 헤더 첨부 api 서버에서 토큰을 가져오는 react/redux 응용 프로그램이 있습니다.사용자가 인증한 후 액션의 모든 요청에 수동으로 연결하지 않고 모든 Axios 요청에 해당 토큰을 Authorization 헤더로 지정하려고 합니다.저는 리액션/리덕스를 처음 접하는 사람이라 최선의 접근법에 대해 확신이 없고 구글에서 질 높은 히트를 찾을 수 없습니다. 레독스 설정은 다음과 같습니다. // actions.js import axios from 'axios'; export function loginUser(props) { const url = `https://api.mydomain.com/login/`; const { email, password } ..

JSX React HTML5 입력 슬라이더가 작동하지 않음 리액트 쓰고 있어요.빌드용 JS로 구성 요소에 대해 두 가지 선택사항이 있는 범위 입력 슬라이더를 구축하고 있습니다. 내 코드는 다음과 같습니다. 클라이언트 측 렌더링 컴포넌트에 배치하여 전환하려고 해도 전혀 움직이지 않습니다.현재 사용하고 있는 JS/PHP 빌드로 테스트하면 정상적으로 동작합니다. JSX/React에서는 왜 이것이 동작하지 않는가.JS와 권장되는 대처법은 무엇입니까? 감사합니다!사용자 상호 작용은 영향을 미치지 않습니다.와 함께valueprop은 통제된 것으로 간주됩니다.즉, 표시된 값은 모두 다음과 같이 제어됩니다.render기능.따라서 실제로 입력값을 업데이트하려면onChange이벤트. 예: getInitialState: f..

create-react-app 빌드 스크립트를 실행할 때 build .env 변수를 설정하는 방법은 무엇입니까? create-react-app에서 다음 환경변수를 사용하고 있습니다. console.log(process.env.REACT_APP_API_URL) // http://localhost:5555 달릴 때 작동한다.npm starta를 읽음으로써.env파일: REACT_APP_API_URL=http://localhost:5555 다음과 같은 다른 값을 설정하려면 어떻게 해야 합니까?http://localhost:1234실행 시npm run build? 이건 내 거야package.json파일: { "name": "webapp", "version": "0.1.0", "private": true, "de..

React 렌더링()에 Font Awesome 아이콘을 포함하는 방법 폰트 어썸에서 어썸 을 하려고 할 render()의 HTMLHTML 의 경우, Web 의 경우, Web 의 경우, Web 의 경우는 표시되지 않습니다. render: function() { return no spinner but why; } 다음은 라이브 예시입니다.http://jsfiddle.net/pLWS3/ 어디에 결함이 있습니까? React JS를 처음 사용하는 경우 create-react-app cli 명령을 사용하여 응용 프로그램을 만든 경우 다음 NPM 명령을 실행하여 최신 버전의 font-awesome을 포함합니다. npm install --save font-awesome import font-module을 index.m..

경로를 사용하는 재료 UI 메뉴 재료의 장난을 치고 있다루트를 사용하여 Left Nav를 구현했지만 Icon Menu 또는 링크 또는 루트로 작업하는 메뉴를 얻을 수 있는 방법을 찾을 수 없었습니다.좋은 소스나 튜토리얼을 가르쳐 주실 분?설명서가 부족하며, 두 구성 요소 모두 LeftNav와 달리 'menuItems'를 속성으로 지원하지 않는 것 같습니다.또 다른 오래된 업데이트: containerElement소품은 더 이상 지원되지 않습니다.component대신 소품입니다. 이 문서를 확인하십시오. 2016년 12월 편집: thelinkButtonprop가 권장되지 않습니다.경고 메시지가 표시됩니다. Warning: Unknown props `linkButton` on tag. 프로펠러를 분리하기만 하..