반응형

ReactJS 23

react-testing-library는 왜 ToBeInThe Document()

react-testing-library는 왜 ToBeInThe Document() CSS 속성을 전환하는 툴팁의 코드를 다음에 나타냅니다.display: block마우스 오버 및 마우스 아웃 시display: none. it('should show and hide the message using onMouseOver and onMouseOut events respectively', () => { const { queryByTestId, queryByText } = render( , ) fireEvent.mouseOver(queryByTestId('tooltip')) expect(queryByText('test')).toBeInTheDocument() fireEvent.mouseOut(queryByTest..

sourcecode 2023.02.15

테두리 반지름을 1개의 코너에만 사용하는 방법(리액티브)

테두리 반지름을 1개의 코너에만 사용하는 방법(리액티브) React Native에서 테두리 반지름을 한 모서리에만 사용하는 방법 모달 윈도우가 있습니다. 아래 모서리가 둥글지 않은 것을 알 수 있듯이 버튼에 backgroundColor를 사용했을 때 발생합니다.modal wrapper에 overflow를 숨기려고 했는데 소용이 없었어요.이제 버튼에 테두리 반지름을 사용합니다(한 모서리에만 해당). 마이코드 http://jsbin.com/sexeputuqe/edit?html,css당신은 이미 아래와 같이 시도했습니까? -borderBottomLeftRadius: 번호 -borderBottomRightRadius: 번호 -borderTopLeftRadius: 번호 -borderTopRightRadius: 번..

sourcecode 2023.02.11

Redux 저장소에 올바른 환원기가 없습니다.

Redux 저장소에 올바른 환원기가 없습니다. 이 에러에 관한 정보를 찾을 수 없었습니다. "스토어에는 유효한 리덕터가 없습니다.combineReducers에 전달된 인수가 reducers 값이 되는 개체인지 확인하십시오." 마이 리듀서 export default function FriendListReducer(state = {friends : []}, action) { switch (action.type) { case 'ADD_FRIEND': return [ { friends : action.payload.friend }, ...state.friends ] default: return state; } return state; } 결합기 import { combineReducers } from 'redu..

sourcecode 2023.02.11
반응형