반응형

reactjs 28

useState() 후크를 사용하여 기능 컴포넌트를 테스트할 때 상태를 설정합니다.

useState() 후크를 사용하여 기능 컴포넌트를 테스트할 때 상태를 설정합니다. 내가 효소로 클래스 성분을 검사했을 때 나는 할 수 있었다.wrapper.setState({})상태를 설정합니다.기능 컴포넌트를 테스트하고 있는데 어떻게 하면 동일한 작업을 수행할 수 있습니까?useState()후크? 예를 들어 내 컴포넌트에는 다음이 있습니다. const [mode, setMode] = useState("my value"); 그리고 나는 변하고 싶다.mode내 시험 안에훅에서 스테이트를 사용하는 경우 테스트에서는 스테이트 등의 구현 세부사항을 무시하여 적절하게 테스트해야 합니다.컴포넌트가 자녀에게 올바른 상태를 전달하는지 확인할 수 있습니다. 당신은 Kent C가 쓴 이 블로그 게시물에서 좋은 예를 찾을..

sourcecode 2023.03.20

재료-ui 자기완성 투명값

재료-ui 자기완성 투명값 리액션 코드에 문제가 하나 있습니다. 저는 Material-ui와 redex 형식을 사용합니다."좋아요" 입력과 "변경 후 이 선택" 을 선택하면 값이 리셋됩니다.리액트 폼에서 액션 "변경" 을 사용하여 텍스트 필드에 값을 설정합니다.그러나 라벨은 아직 남아 있습니다.에서 값을 클리어 또는 리셋할 수 있습니까? option.name} onInputChange={onChange} onChange={onChangeAutoComplete} noOptionsText='Нет доступных вариантов' loadingText='Загрузка...' openText='Открыть' renderInput={params => ( )} /> 밸류 프로펠러에서 후크를 사용하면 자동완..

sourcecode 2023.03.20

반응 + 재료 UI - 경고: Prop className이 일치하지 않습니다.

반응 + 재료 UI - 경고: Prop className이 일치하지 않습니다. classNames가 다르게 할당되어 있어 Material-UI 컴포넌트 스타일의 클라이언트 측 렌더링과 서버 측 렌더링의 차이가 있습니다. 페이지를 처음 로드할 때는 classNames가 올바르게 할당되지만 페이지를 새로 고친 후에는 classNames가 일치하지 않게 되어 컴포넌트의 스타일이 없어집니다.콘솔에 표시되는 오류 메시지는 다음과 같습니다. :: " " "className일치하지 않습니다.서버: "MuiFormControl-root-3 MuiFormControl-marginNormal-4 SearchBar-textField-31" 클라이언트: "MuiFormControl-root-3 MuiFormControl-ma..

sourcecode 2023.03.20

'NodeModule'.ts(2339) 유형에 'hot' 속성이 없습니다.

'NodeModule'.ts(2339) 유형에 'hot' 속성이 없습니다. 구입한 리액션템플릿에 다음 행이 있는데, 그 용도가 무엇인지 잘 모르겠습니다.템플릿은 JS에 있고 Typescript로 변경하고 싶습니다. 템플릿에 다음 행이 있습니다. if (module.hot) { module.hot.accept('./dashApp.js', () => { const NextApp = require('./dashApp').default; ReactDOM.render(, document.getElementById('root')); }); } 단, 로 이름이 변경되었을 경우.TS, 다음의 에러가 표시됩니다. Property 'hot' does not exist on type 'NodeModule'.ts(2339) ..

sourcecode 2023.03.20

상수 또는 읽기 전용 속성이므로 '상태'에 할당할 수 없습니다.

상수 또는 읽기 전용 속성이므로 '상태'에 할당할 수 없습니다. 이 문제를 검색할 때 수정하는 질문만 찾을 수 있습니다.this.state사용하는 대신 방법 본체의 어딘가에서 직접this.setState()문제는 컨스트럭터에서 다음과 같이 시작 상태를 설정하고 싶다는 것입니다. export default class Square extends React.Component { constructor(props: any) { super(props); this.state = { active: false }; } public render() { ... } } 앱이 시작되지 않고 다음 컴파일 오류가 발생합니다. Cannot assign to 'state' because it is a constant or a read..

sourcecode 2023.03.15

설정된 Y축 범위를 다시 차트화합니다.

설정된 Y축 범위를 다시 차트화합니다. http://recharts.org/을 사용하여 Y축 범위를 설정하는 방법을 알 수 없습니다. Y축이 현재 60이 아닌 범위 내에 100을 표시하도록 합니다. 이 경우 Belive 코드 예는 필요하지 않거나 목적을 충족할 필요가 없습니다.YAxis 구성 요소에서 도메인 값을 0 ~ 100(또는 원하는 대로)으로 설정합니다. 이 바이올린 링크를 확인합니다. 도메인 기본값: [0, '자동'] 축이 숫자 축일 때 축의 도메인을 지정합니다.도메인 길이는 2여야 하며 도메인 값을 검증합니다.또한 배열 내의 각 요소는 숫자, 'auto', 'dataMin', 'dataMax', 'dataMin-20', 'dataMax+100' 등의 문자열 또는 단일 인수를 받아들여 숫자를 반..

sourcecode 2023.03.10

ReactJS 콜 부모 메서드

ReactJS 콜 부모 메서드 저는 ReactJs에 첫발을 내딛고 부모와 자녀 간의 의사소통을 이해하려고 합니다.폼을 만들고 있기 때문에 스타일링 필드를 위한 컴포넌트를 가지고 있습니다.또한 필드를 포함한 부모 컴포넌트와 체크가 있습니다.예: var LoginField = React.createClass({ render: function() { return ( ); }, check: function () { console.log ("aakmslkanslkc"); } }) var MyField = React.createClass({ render: function() { ... }, handleChange: function(event) { // call parent! } }) 그것을 할 수 있는 방법이 있나..

sourcecode 2023.03.10

React에서 클릭 시 입력 텍스트 값을 얻는 방법JS

React에서 클릭 시 입력 텍스트 값을 얻는 방법JS ReactJs를 배우고 있는데 React에서 입력 텍스트 값을 얻는 방법을 알고 싶습니다.간단한 클릭 이벤트를 사용하는 JS.저는 튜토리얼을 따라갔고 텍스트 입력 파라미터를 얻을 수 있었습니다.하지만 왠지 그 가치를 얻을 수 없다.바보같은 질문인건 알지만, 난 이것과 싸우고 있어.제 코드를 확인하고 어떤 문제가 있는지 알려주세요. var MyComponent = React.createClass({ handleClick: function() { if (this.refs.myInput !== null) { var input = this.refs.myInput; var inputValue = input.value; alert("Input is", inpu..

sourcecode 2023.03.10

React.js, 멀티파트/폼 데이터를 서버로 전송하는 방법

React.js, 멀티파트/폼 데이터를 서버로 전송하는 방법 이미지 파일을 멀티파트/폼으로 백엔드에 송신하고 싶다.html 폼을 사용하여 파일을 취득하여 formData로 송신하려고 한다.다음 코드는 다음과 같습니다. export default class Task extends React.Component { uploadAction() { var data = new FormData(); var imagedata = document.querySelector('input[type="file"]').files[0]; data.append("data", imagedata); fetch("http://localhost:8910/taskCreationController/createStoryTask", { mode:..

sourcecode 2023.03.10

: 이 합성 는 이이 with with with with with with with with with with with with with with with with에서 발생하는 됩니다. : 이 합성 는 이이 with with with with with with with with with with with with with with with with에서 발생하..

: 이 합성 는 이이 with with with with with with with with with with with with with with with with에서 발생하는 됩니다. 클래스에 대해 간단한 리액트 리덕스 작업 예제를 작업하고 있는데 체크박스를 켜고 끌 때마다 콘솔에 몇 가지 경고 메시지가 나타납니다. 다음 이미지에서 경고를 볼 수 있습니다. 구글에서 경고 메시지를 검색해 봤지만 효과가 있는 해결책을 찾을 수 없었습니다.또, 네이티브 이벤트의 모든 속성과 DOM 요소에 액세스 하려고 하고 있는 것처럼 보이는 것이 눈에 띄었습니다. 입력 확인란이 있는 프레젠테이션 구성 요소의 코드입니다. class TodoItem extends React.Component { state = { isChec..

sourcecode 2023.03.10
반응형