topblog

리액트 훅을 사용한 초기 상태로 리셋 현재 등록 양식을 작성하고 있으며, 다음은 제 코드의 일부입니다. const Signup = () => { const [username, setUsername] = useState('') const [email, setEmail] = useState('') const [password, setPassword] = useState('') const [passwordConfirmation, setPasswordConfirmation] = useState('') const clearState = () => { setUsername('') setEmail('') setPassword('') setPasswordConfirmation('') } const handleSubmi..

React에서 .map()을 사용하는 경우의 빈 배열 처리 리액트가 있어요맵하는 JS 컴포넌트notes표시할 변수입니다. 그러나 메모가 없고 에러가 나는 문제에 부딪혔다.어떻게 접근하면 좋을까요? 코드는 다음과 같습니다. import React, {Component} from 'react'; class List extends Component { constructor(props){ super(props); } render(){ var notes = this.props.items.map((item, i)=>{ return( {item.title} {item.content} ) }); return( {notes} ); } } export default List; 하나 이상의 노트가 있을 때 노트를 렌더링하고..

리액트 테스트 라이브러리를 사용하여 html 태그를 포함하는 텍스트 문자열로 쿼리하려면 어떻게 해야 합니다. 현재 기능하고 있는 솔루션 다음 html 사용: Name: Bob (special guest) 리액트 테스트 라이브러리를 사용할 수 있습니다. getByTestId를 찾는 방법textContent: expect(getByTestId('foo').textContent).toEqual('Name: Bob (special guest)') 더 좋은 방법이 있을까요? 간단하게 다음 html을 사용하고 싶습니다. Name: Bob (special guest) 리액트 테스트 라이브러리 사용getByText다음과 같은 방법을 사용합니다. expect(getByText('Name: Bob (special gues..

Preact에 의해 잘못된 컴포넌트가 렌더링됨 상태 배열에 저장된 항목 목록을 렌더링하기 위해 Preact(모든 목적과 목적, React)를 사용하고 있습니다.각 항목 옆에 제거 버튼이 있습니다.문제는 버튼을 클릭하면 적절한 아이템이 삭제되지만(여러 번 확인했지만), 아이템이 재렌더되어 마지막 아이템이 없어지고 제거된 아이템이 그대로 남아 있다는 것입니다.내 코드(간소화): import { h, Component } from 'preact'; import Package from './package'; export default class Packages extends Component { constructor(props) { super(props); let packages = [ 'a', 'b', 'c'..

ReactJs Router Link와 material-ui 컴포넌트(버튼 등)를 조합하는 방법 리액트 라우터의 기능과 머티리얼 UI 컴포넌트를 조합할 수 있는 솔루션을 찾아야 합니다. 예를 들어 라우터와 버튼의 시나리오가 있습니다.제가 하려고 했던 것은 그것들을 섞어서 다시 정리하는 것입니다. 간단한 링크에서 {name} 다음과 같이 material ui 버튼을 생성하려고 했습니다. 하지만 다음과 같은 오류가 발생하여 Javascript가 중단되었습니다. 불변? 4599:38검출되지 않은 불변성 위반: addComponentAsRefTo(...): ReactOwner만 참조를 가질 수 있습니다.컴포넌트 내부에 생성되지 않은 컴포넌트에 참조를 추가할 수 있습니다.render또는 여러 개의 React 복사본..