manycodes

소품에서 일치 개체를 참조하려면 어떤 TypeScript 유형을 사용해야 합니까? My React 컨테이너/컴포넌트에서 어떤 유형을 사용하여matchReact Router DOM에 포함된 부품은 무엇입니까? interface Props { match: any // // Now Product container takes a `string`, rather than a `MatchProps` // This allows us to use ProductContainer elsewhere, in a non-router setting! const ProductContainer = ( {name}: string ) => { return (Product Container Named: {name}) } 심플한 솔루션 im..

ETH/B와 같은 모든 시장 쌍 목록을 검색하는 방법바이낸스 API를 사용하는 TC? 저는 바이낸스 익스체인지의 시장쌍을 선택해야 하는 암호거래 관련 프로젝트를 진행하고 있으며, 쌍 선택에 따라 현재 가격, 24시간 가격변동, 24시간 볼륨, 최근 10번의 거래 이력 등 다양한 결과를 보여줘야 합니다.Binance Rest API Docs(https://github.com/binance-exchange/binance-official-api-docs/blob/master/rest-api.md)를 검색했는데 마켓 페어 목록을 검색할 수 있는 엔드포인트를 찾을 수 없습니다.제가 모르는 문서가 있나요? 감사해요.찾고 있는 것은/exchangeInfo퍼블릭 엔드 포인트 자세한 것은, https://github.c..

위치 "/"의 일치하는 리프 경로에 요소가 없습니다. 위치 "/"에서 일치하는 리프 경로에 요소가 없습니다.즉, 디폴트값이 null인 를 렌더링하여 "빈" 페이지가 생성됩니다. //App.js File import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'; import Home from './pages/Home'; // import ReactDOM from "react-dom"; const App = () => { return ( ) } export default App; **리액트 라우터 관련 코드가 작동하지 않습니다.프로그램에 루트를 삽입했을 때 이 에러가 표시되도록 한 원인을 알 수 없습니다.**V6 에서는,compone..

"쉼표 연산자의 왼쪽..렌더링의 html 내용에 오류가 있습니다. 간단한 프로세스 원하는 오리진 렌더링 메서드는 다음과 같습니다(테이블을 div 바깥쪽에 둡니다). jsx 컴파일러는 어떤 이유로 그것을 허용하지 않습니까? 테이블을 div 엘리먼트 안쪽으로 옮기면 모든 것이 정상으로 보입니다. 그래서 diff만이 식탁의 장소이다.왜 jsx가 이 과정을 방해하는가? 왜 필요한가?인JSX반품할 수 있는 것은 1개뿐입니다.html에서 요소화하다.return여러 요소를 반환할 수 없습니다.여러 요소를 반환하려면 모든 html 코드를 에 랩합니다.div또는 다른 래퍼 컴포넌트에 의한 것입니다. 첫 번째 케이스에서도 동일한 현상이 발생하고 있으며, 2개의 요소, 1개의 요소를 반환해야 합니다.div그리고 하나tabl..

모든 경과 도달 가능 상태를 포함한 리액트컴포넌트를 리셋하려면 어떻게 해야 하나요? 개념적으로 스테이트풀한 리액션컴포넌트를 리셋하는 경우가 있습니다.이상적인 동작은 오래된 컴포넌트를 제거하고 새 컴포넌트를 다시 설치하는 것과 같습니다. React는 방법을 제공합니다.setState컴포넌트 자체의 명시적 상태를 설정할 수 있지만 브라우저 포커스나 폼 상태 등의 암묵적 상태는 제외되며 자녀 상태도 제외됩니다.모든 간접적인 상태를 포착하는 것은 까다로운 작업일 수 있습니다. 그리고 저는 모든 새로운 놀라운 상태를 가지고 장난을 치는 것보다 엄격하고 완벽하게 해결하는 것을 선호합니다. 이를 위한 API나 패턴이 있나요? 편집: 간단한 예시를 만들었습니다.this.replaceState(this.getInitia..

ReactJS 서버측 렌더링과 클라이언트측 렌더링 이제 막 ReactJs에 대해 공부하기 시작했는데, 페이지를 렌더링하는 방법이 서버 측과 클라이언트 측 두 가지라는 것을 알게 되었습니다.그런데 같이 쓰는 방법을 모르겠어요.어플리케이션을 구축하는 방법은 2가지입니까, 아니면 2가지를 병용할 수 있습니까? 함께 사용할 수 있다면 어떻게 해야 할까요?서버측과 클라이언트측에서 같은 요소를 복제할 필요가 있습니까?아니면 이미 렌더링된 서버 측과 접속하지 않고 애플리케이션 정적 부분을 서버에, 동적 부분을 클라이언트 측에 각각 구축할 수 있을까요?특정 웹 사이트/웹 응용 프로그램에 대해 클라이언트 측, 서버 측 또는 둘 다 react를 사용할 수 있습니다. 클라이언트 측 여기서는 완전히 React를 실행하고 있습..

javascript scrollIntoView를 부드럽게 만드는 방법 리액트 앱에서는 다음과 같이 특정 노드를 표시하기 위해 호출되는 메서드가 있습니다. scrollToQuestionNode(id) { const element = document.getElementById(id); element.scrollIntoView(false); } 스크롤은 정상적으로 실행되지만 스크롤 동작은 약간 흔들립니다.어떻게 하면 부드럽게 할 수 있을까요?ScrollIntoView에 동일한 옵션을 제공할 수 없습니다.이게 도움이 될 거야 scrollIntoView의 MDN 문서에서 부울 대신 옵션을 전달할 수 있습니다. scrollIntoViewOptions Optional A Boolean or an object with..

React 컨스트럭터에서 super()를 호출하는 기능은 무엇입니까? Learning React는 문서로부터 다음 예를 제시합니다. class Square extends React.Component { constructor() { super(); this.state = { value: null, }; } ... } Mozilla에 따르면 Super를 사용하면this컨스트럭터 안에 있습니다.스탠드아론을 사용해야 하는 다른 이유가 있습니까?super(알고 있습니다.super부모 클래스의 메서드에도 액세스 할 수 있습니다). 단, React를 사용하면 호출만 하는 다른 사용 사례가 있습니까?super()혼자서요?super()를 호출합니다.constructor그것의parentclass. 부모 클래스에서 일부 변..

어떻게 CORS를 반응으로 허용합니까? javascript에서 AJAX를 통해 Reactjs를 사용하고 API를 사용하고 있습니다.이 문제를 어떻게 해결할 수 있을까요?이전에는 CORS 툴을 사용했지만, 현재는 CORS를 유효하게 할 필요가 있습니다.리액트에서는 6가지 방법이 있는데 1번, 2번, 3번이 가장 좋습니다. 서버측에서의1 구성 CORS 다음과 같이 수동으로 헤더를 2개 설정합니다. resonse_object.header("Access-Control-Allow-Origin", "*"); resonse_object.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); 여기서 설명하는 pro..

Is there a way to check if the react component is unmounted? I have a usecase where i need to unmount my react component. But in some cases, the particular react component is unmounted by a different function. Hence, I need to check if the component is mounted before unmounting it.부터isMounted()는 공식적으로 권장되지 않습니다.이 작업은 컴포넌트에서 수행할 수 있습니다. componentDidMount() { this._ismounted = true; } componentWil..