copyscript

반응 npm start not work : '사용 가능한 chokidar 버전이 없습니다.' 이미 동작하고 있는 React-Typescript 앱을 Github의 Github Pages에서 복제하여 변경을 하고 싶었습니다.npm install을 실행하여 모든 의존관계를 설치했는데 npm start를 실행하면 이 오류가 나타납니다. Chokidar가 뭔지 몰라서 조금 봤는데 제 프로젝트와 관련이 없는 것 같아요.그래도 npm chokidar를 설치하려고 했는데 또 이런 오류가 발생했어요. 시도했다npm audit fix뿐만 아니라.몇 가지를 고쳤지만 변한 건 없어요. 그래서 개발 서버를 열 수 없습니다.그리고 이게 패키지입니다.json 파일 // package.json { "name": "panflix",..

react-select에서 기본값을 설정하는 방법 리액트 셀렉트 사용에 문제가 있습니다.저는 redux 폼을 사용하고 있으며 react-select 컴포넌트를 redux 폼과 호환되게 만들었습니다.코드는 다음과 같습니다. const MySelect = props => ( props.input.onChange(value)} onBlur={() => props.input.onBlur(props.input.value)} options={props.options} placeholder={props.placeholder} selectedValue={props.selectedValue} /> ); 렌더링 방법은 다음과 같습니다. 그러나 문제는 드롭다운에 원하는 기본값이 없다는 것입니다.내가 뭘 잘못하고 있지?좋은 ..

material-ui TextField, DropDownMenu 컴포넌트에서 데이터를 가져오려면 어떻게 해야 합니까? 폼을 만들고 여러 TextField, DropDownMenu material-ui 컴포넌트가 포함되어 있습니다.문제는 어떻게 하면 모든 TextFields, DropDownMenus에서 모든 데이터를 하나의 obj로 수집하여 서버로 전송할 수 있는가입니다.TextField의 경우 TextField.getValue() 입력 값을 반환합니다.하지만 사용법을 이해할 수 없다. var React = require('react'), mui = require('material-ui'), Paper = mui.Paper, Toolbar = mui.Toolbar, ToolbarGroup = mui.To..

대응 - 로그인 및 인증을 처리하는 가장 좋은 방법은 무엇입니까? 인증/로그인이 있는 응용 프로그램에서 반응 및 작업하는 새로운 기능.현재는 동작하고 있습니다만, 함께 해킹을 당한 것 같습니다. 있는 게 있어요.isAuthenticated 안에 있는 routes.js다음과 같이 합니다. class Routes extends Component { constructor(props) { super(props); this.state = { isAuthenticated: false, } } .이러한 사용자를 「」로 할 수 있습니다.home 이 「」의하게 하는 입니까. 액세스와 조작을 허용하는 가장 좋은 디자인 패턴은 무엇입니까?isAuthenticated되어 있습니까?「 」의 상태를 ? 현재 어떻게 설정되어 있는..

컴포넌트에 번호 전달 React 컴포넌트에 번호를 전달하려고 하는데 문자열(jsfiddle)로 해석됩니다.내가 번호를 전달하고 있다는 것을 React에게 이해시키려면 어떻게 해야 합니까?컴포넌트 내 번호로 스트링을 전송해야 합니까? var Rectangle = React.createClass({ render: function() { return {this.props.intValue + 10} {this.props.stringValue + 10} ; } }); React.render( , document.getElementById('container')); 정수(및 문자열도 마찬가지)의 경우 숫자를 전달해야 할 것 같습니다.{}다음과 같이 합니다. React.render(, document.getEleme..

React 사용의 장점과 단점JS 닫혔어. 이 질문은 좀 더 자세히 설명해야 합니다.초점을 맞춥니다.현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 하나의 문제에 초점을 맞추도록 질문을 업데이트하십시오. 7년 전에 문을 닫았어요 이 질문을 개선하다 개발을 위해 React를 사용하는 것은 처음입니다. ReactJs를 사용할 때의 장점과 단점을 나열할 수 있는 사람이 있습니까?대규모 프로젝트에서 이 라이브러리를 사용할 때 성능 문제가 있습니까?React를 사용하는 장점: 구성 요소가 렌더링되는 방법을 쉽게 알 수 있습니다. 렌더링 기능만 보면 됩니다. JSX를 사용하면 컴포넌트의 코드를 쉽게 읽을 수 있습니다.레이아웃이나 컴포넌트의 플러그 연결/결합 방법도 쉽게 확인할 수 ..

반응 요소의 너비를 얻는 방법 슬라이더 엄지손가락 바로 위에 툴팁을 표시하는 범위 입력을 작성하려고 합니다. 온라인으로 바닐라 JS의 예를 몇 가지 살펴보았는데, 그것을 보완하기 위해서는 요소의 폭이 필요한 것 같습니다. 그래서 난 그냥 원소 폭을 어떻게 구하는지 궁금했어. JQuery 메서드와 거의 동일합니다.$(element).width() class MyComponent extends Component { constructor(props){ super(props) this.myInput = React.createRef() } componentDidMount () { console.log(this.myInput.current.offsetWidth) } render () { return ( // new..

오류가 발생하는 이유: "Query" 유형의 필드 xx를 쿼리할 수 없습니까? GraphiQL에서 성공적으로 테스트한 후 GraphiQL 툴에서 graphQL 쿼리를 복사하여 붙여 넣었는데 반응 내 Apollo 클라이언트에서 시도하면 오류가 반환되었습니다.JS 앱: [GraphQL error]: Message: Cannot query field "allStudents" on type "Query"., Location: [object Object], Path: undefined 실장은 다음과 같습니다. const link = createHttpLink({ uri: 'http://localhost:8000/graphql', fetchOptions: { method: "POST" } }); const clie..

브라우저에서 mocha 테스트는 어떻게 실행합니까? 저만 그런가요, 아니면 문서에서 브라우저에서 테스트를 실행하는 방법을 전혀 설명하지 않았나요? 예시에 표시된 HTML 파일을 작성해야 합니까?그럼 어떻게 하면 내 프로젝트의 특정 테스트 케이스를 실행할 수 있을까요? 중인 것과 .mocha로젝프「 」의 모든 서브 .test.브라우저에서 테스트를 실행해야 하는 경우 간단한 HTML 페이지를 테스트 러너 페이지로 설정해야 합니다.페이지에는 Mocha, 테스트 라이브러리 및 실제 테스트 파일이 로드됩니다.테스트를 실행하려면 브라우저에서 주자를 열기만 하면 됩니다. 예: html 코드: 디렉토리 구조 설정 메인 코드 파일과 다른 디렉토리에 테스트를 저장해야 합니다.이것에 의해, 예를 들면, 장래에 다른 타입의 ..

React.js에서 componentWillMount 또는 componentDidMount에서 초기 네트워크 요청을 해야 합니까? 에서는 react docs에서 를 할 합니다.componentDidMount★★★★ componentDidMount()컴포넌트가 마운트된 직후에 호출됩니다.DOM 노드가 필요한 초기화가 여기에 있어야 합니다.원격 엔드포인트에서 데이터를 로드해야 하는 경우 네트워크 요청을 인스턴스화할 수 있습니다.이 메서드로 상태를 설정하면 재렌더링이 트리거됩니다. ifcomponentWillMount컴포넌트를 렌더링하기 전에 호출됩니다.요구를 하고 상태를 설정하는 것이 좋지 않을까요?에서 componentDidMount컴포넌트가 렌더링되고 요구가 이루어지며 상태가 변경된 후 컴포넌트가 다시 ..