showcode

구성 요소가 제어되지 않는 자동 완성을 제어하도록 변경하고 있습니다. "A component is changed a complete uncontrolled Autocomplete to controlled" (컴포넌트가 제어되지 않은 자동완료를 제어하도록 변경 중) 오류가 발생하는 이유를 알려 주시겠습니까?요소는 제어되지 않은 상태에서 제어되지 않은 상태로 전환되지 않아야 합니다(또는 그 반대도 마찬가지입니다.컴포넌트 수명 동안 제어된 요소와 제어되지 않은 요소 중 하나를 사용할지 결정합니다." 컴포넌트: function AutoComplete(props) { const defaultProps = { options: props.options, getOptionLabel: option => option.na..

배열하는 방법이 있습니다.반작용으로 합류하다 이 질문에는 이미 답변이 있습니다. 맵과 결합을 사용하여 반응 구성요소를 렌더링하려면 어떻게 해야 합니까? (18개 답변) 닫힘9개월 전에요. array.join과 같은 구문을 사용하여 배열의 각 요소 사이에 구분자를 삽입하고 싶습니다. 예를 들어 다음과 같습니다. render() { let myArray = [1,2,3]; return ( {myArray.map(item => {item}).join(|)} ); } lodash.transform 접근 방식을 사용하여 작업을 수행했지만, 보기 흉한 느낌이 듭니다..join()각 아이템 사이에 구분자를 넣도록 하겠습니다.를 사용할 수도 있습니다.reduce배열의 모든 요소 사이에 구분 기호를 삽입하려면: rend..

하위 등급의 반응 코드에 대한 구문 강조 표시 기본적인 리액트 코드를 숭고한 글씨로 쓰기 시작했어요구문 강조 표시는 다음과 같습니다.부분적으로 강조되어 있습니다.완전한 구문 강조 표시를 위해 사용할 수 있는 권장 서브 라임 플러그인이 있습니까? import React, { Component } from 'react' import { connect } from 'react-redux' // { return ( {book.title} ) }) } render() { return ( {this.renderList()} ) } } // function is the glue between react and redux function mapStateToProps(state) { // Whatever gets ret..

얕은 테스트 효소 Reactjs를 사용하여 useLocation() 경로 이름을 어떻게 시뮬레이션합니까? 다음과 같은 헤더 컴포넌트가 있습니다. import { useLocation } from "react-router-dom"; const Header = () => { let route = useLocation().pathname; return route === "/user" ? : ; } 이 useLocation()을 어떻게 모의하여 사용자로 경로를 얻습니까? 오류가 발생하여 테스트 파일에서 Header 컴포넌트를 호출할 수 없습니다. TypeError: useLocation에서 정의되지 않은 속성 'location'을 읽을 수 없습니다. describe("", () => { it("call the ..