반응형

ReactJS 25

onChange 이벤트 내 2가지 함수를 호출합니다.

onChange 이벤트 내 2가지 함수를 호출합니다. 컴포넌트에 문제가 있어서 소품에서 변경을 요청해야 하기 때문에 또한 컴포넌트 내의 다른 함수를 호출합니다.handleChange()상태를 갱신합니다.문자, 나는 시도했다 효과가 없는 것 같아요.다음 두 가지 함수를 큰따옴표로 묶어서 수행할 수 있습니다. 이거면 될 거야.단, 첫 번째 함수 중 두 번째 함수를 호출하는 것이 좋습니다. function testFunction() { onChange(); handleChange(); } 인라인 솔루션을 필요로 하는 경우는, 다음과 같은 조작을 실시할 수 있습니다. onInput과 onChage의 차이는 다음과 같습니다. '입력' 요소에 대한 '변경' 이벤트와 '입력' 이벤트의 차이function(e) {th..

programing 2023.03.17

반응 개발 도구가 Chrome 브라우저에서 로드되지 않음

반응 개발 도구가 Chrome 브라우저에서 로드되지 않음 React.js를 사용하는 응용 프로그램을 디버깅하고 있습니다.Chrome Extensions 목록에는 React Developer Tools가 설치되어 있습니다.또한 http://facebook.github.io/react/의 React 사이트에 접속하면 Developer Tools 창에 React 탭이 나타납니다.그러나 응용 프로그램을 디버깅할 때 콘솔에 다음과 같이 표시됩니다. Download the React DevTools for a better development experience: http://fb.me/react-devtools React.js:87 React Developer Tools를 사용하는 방법을 알려 주시겠습니까? 고마..

programing 2023.03.17

확장자 .ts와 .tsx의 차이점은 무엇입니까?둘 다 리액션에서 타이프스크립트 파일의 확장자로 사용됩니다.그럼 어디에 써야 할까요?

확장자 .ts와 .tsx의 차이점은 무엇입니까?둘 다 리액션에서 타이프스크립트 파일의 확장자로 사용됩니다.그럼 어디에 써야 할까요? 저는 새로운 반응을 보이고 프로젝트를 진행하고 있습니다.둘 다 우연히 만나다.ts그리고..tsx내선 번호어디에 써야 할지 모르겠어요.ts그리고..tsx이 문제에 대한 어떤 도움도 매우 감사합니다.감사해요!사용하다.ts완전한 TypeScript 파일의 경우. 사용하다.tsxJSX를 포함하는 파일의 경우. 예를 들어 React 컴포넌트는 다음과 같습니다..tsx단, 도우미 기능이 포함된 파일은.ts..tsx 확장자는 JSX 요소를 파일 내에 포함시키고 싶을 때 사용되며 .ts는 일반 Typescript 파일에 사용되며 JSX 요소 추가를 지원하지 않습니다.위의 답변은 모두 정답..

programing 2023.03.12

React ref.current가 null입니다.

React ref.current가 null입니다. 일정/일정 앱은 시간범위가 다양하여 작업 중입니다.현재 시각의 선을 표시하고 약속 블록을 표시하려면 주어진 시간 범위 내에서 1분에 대응하는 픽셀 수를 계산해야 합니다. 예를 들어 다음과 같습니다.오전 7시에 시작해서 오후 5시에 끝난다면 총 10시간 범위입니다.달력의 본문의 높이가 1000픽셀이라고 합시다.즉, 매 시간은 100픽셀, 매분은 166픽셀을 나타냅니다. 현재 시간이 오후 3시라면.의제 시작까지 480분 남았습니다.즉, 현재 시각을 표시하는 선은 달력 본문 위에서796,8픽셀(480 x 1,66)이어야 합니다. 계산은 문제없지만 의제 기구의 높이를 파악하는 데 문제가 없습니다.높이를 측정하기 위해 React Ref를 사용하려고 했는데 오류가 ..

programing 2023.03.12

컴포넌트에 대한 React onClick 이벤트

컴포넌트에 대한 React onClick 이벤트 리액트 컴포넌트에는아이가 많은s(다른 React 컴포넌트).나는 그 사실을 선언할 수 있기를 원한다.onClick각 이벤트내부에서. 다음을 시도했습니다. sensorSelected: function(sensor) { console.log('Clicked!'); }, render: function() { var nodes = this.state.sensors.map(function(sensor) { return ( ); }.bind(this)); return ( { nodes } ); } 말할 필요도 없이 내 콘솔에 "클릭!"이라는 메시지가 뜨지 않습니다.Chrome의 React 인스펙터는 다음과 같이 표시됩니다.onClick이벤트는 위의 기능 본문을 사용하..

programing 2023.03.12

효소 설정 파일은 어디에 작성해야 합니까?

효소 설정 파일은 어디에 작성해야 합니까? 어제 리액트 프로젝트를 v16.0으로 업그레이드했는데, 효소에 문제가 있는 것을 발견했습니다. Error: Enzyme Internal Error: Enzyme expects an adapter to be configured, but found none. To configure an adapter, you should call `Enzyme.configure({ adapter: new Adapter() })` before using any of Enzyme's top level APIs, where `Adapter` is the adapter corresponding to the library currently being tested. For example: i..

programing 2023.03.07

useEffect에서 종속 어레이를 제공하지 않는 것과 빈 어레이의 차이점은 무엇입니까?

useEffect에서 종속 어레이를 제공하지 않는 것과 빈 어레이의 차이점은 무엇입니까? 내 생각에...useEffect후크는 빈 종속 배열과 함께 제공된 경우 모든 렌더링 후에 실행됩니다. useEffect(() => { performSideEffect(); }, []); 하지만 이것과 다음 것의 차이점은 무엇일까요? useEffect(() => { performSideEffect(); }); 이 부족한 것에 주의해 주세요.[]마지막에.linter 플러그인이 경고를 발생시키지 않습니다.전혀 같지 않아요. 빈 어레이를 지정하면 다음과 같이 동작합니다.componentDidMount한 번밖에 안 돼요. 두 번째 인수를 제시하지 않는 것은 양쪽 모두의 역할을 한다.componentDidMount그리고.com..

programing 2023.03.07

TextField type="number"에 최소/최대값을 설정하시겠습니까?

TextField type="number"에 최소/최대값을 설정하시겠습니까? Material-UI v1.0.0-beta23을 사용하고 redux-form ★★★★★★★★★★★★★★★★★」redux-form-material-uiField이것은 타입 번호이며 태그의 최소값과 최대값을 설정합니다. 다inputProps'최소/최대'를 선택합니다.소스코드를 봤는데 확실한 방법이 없네요.약약면면면면면면면면면면? 여기 JSX가 제가 시도했던 것들을 보여줍니다. DOM 의 외관은 다음과 같습니다. 레독스 양식 필드는 다음 컴포넌트에 소품을 전달합니다. 다른 모든 소품은 컴포넌트 소품에서 생성된 요소로 전달됩니다. TextField에는 다음과 같은 속성이 있습니다.InputProps렌더링하는 입력 컴포넌트에 소품을 전달..

programing 2023.03.02

React Native 프로젝트에는 index.ios.js 또는 index.android가 없습니다.js

React Native 프로젝트에는 index.ios.js 또는 index.android가 없습니다.js 안녕, 나는 리액트 네이티브 신입이야.아래 링크를 따라 첫 번째 프로젝트를 작성했는데 편집할 index.ios.js 또는 index.android.js가 없습니다. https://facebook.github.io/react-native/docs/getting-started.html App.js만 작성됩니다만, ios와 Android를 따로 편집하는 방법을 알 수 있을까요?감사합니다!React native의 최신 버전(0.49.3)에서는 "index.android.js" 및 "index.ios.js"의 개별 엔트리 루트는 지원되지 않습니다.개발자 설명서에 따르면 App.js를 사용하고 필요할 경우 반응..

programing 2023.03.02

on클릭청취자가 함수가 되어야 하는데 대신 유형 개체 - react redux를 얻습니다.

on클릭청취자가 함수가 되어야 하는데 대신 유형 개체 - react redux를 얻습니다. 제목에서 설명한 것처럼 Expected onClick listener be function, 대신 type object가 표시됨 하지만 왜 이것이 작동하지 않는지 이해할 수 없습니다.제가 알기로는 onClick listener는 함수입니다. 다음은 오류가 발생한 CharacterList 컴포넌트입니다. import React,{Component} from 'react'; import {connect} from 'react-redux'; import {addCharacterById} from '../actions'; import {bindActionCreators} from 'redux'; class Characte..

programing 2023.02.25
반응형