css3

Chrome 개발자 도구에 반응 탭이 표시되지 않음 React Developer Tools Chrome 브라우저 확장을 설치했습니다.그러나 개발자 도구에는 React 탭이 표시되지 않고 "Components" 및 "Profiler"라는 새로운 탭이 있습니다. 확장자를 다시 설치하고 브라우저와 컴퓨터를 재시작한 후 chrome://extensions/아래에 있는 "파일 URL에 액세스 허용"을 체크했습니다.리액션 https://reactjs.org/tutorial/tutorial.html이 있는 URL로 이동해도 리액트 탭이 표시되지 않습니다.그러나 Chrome 플러그인(브라우저 오른쪽 상단에 있는 반응 디텍터)은 해당 플러그인에 react.js가 있음을 나타냅니다.[ React ]탭을 표시하려면 어떻게 ..

리액트에서 쉼표로 숫자를 포맷하려면 어떻게 해야 합니까? 내 API는 다음과 같은 React 정수를 보냅니다.10, 31312, 4000. My React 컴포넌트에서 다음과 같은 숫자의 올바른 형식은 무엇입니까? from: 10, 31312, 4000 to: 10, 31,312, 4,000 갱신하다 번호는 내 Rails API에서 제공하며 React 구성요소로 렌더링됩니다. const RankingsList = ({rankings, currentUserId}) => { return ( {rankings.map((ranking, index) => {ranking.points} )} ); }; JavaScript에서 쉼표로 숫자를 수천 개의 구분 기호로 인쇄합니다. 이를 위한 일반적인 JS 솔루션을 찾을 ..

React-Query 훅을 사용한 조건부 API 호출 저는 react-query를 사용하여 API를 호출하고 있는데, 이 문제에서는 특정 조건이 충족될 경우에만 API를 호출하고 싶습니다. 사용자가 검색 쿼리를 입력할 수 있는 입력 상자가 있습니다.입력값이 변경되면 입력내용을 검색쿼리로 하여 검색서버가 호출됩니다.단, 입력값이 3글자 이상일 경우에만 가능합니다. 리액션 컴포넌트에서 전화드렸습니다. const {data, isLoading} = useQuery(['search', searchString], getSearchResults); 그리고 나의getSearchResults함수는 조건부로 API 콜을 발신합니다. const getSearchResults = async (_, searchString) ..

react component Did Mount가 실행되지 않음 새로운 리액션 프로젝트를 세웠고 어떤 이유에서인지componentDidMount메서드가 호출되지 않았습니다. 에 콜을 발신함으로써, 이 동작을 확인했습니다.console.log에componentDidMount콘솔에 출력이 표시되지 않습니다. 더 나아가,this.setState()동작하지 않습니다. 왜 그런 일이 일어났는지 난 꽤 당황스럽다.componentDidMount가 호출되지 않습니다.React "v0.14.0"과 "v0.14"를 모두 사용해 보았습니다.3". componentDisMount'가 호출되지 않는 이유는 무엇입니까? 코드: var React = require('react'); var RecipePage = React.crea..

대응 - 하위 구성 요소가 값을 상위 양식에 다시 보낼 수 있습니까? 그InputField&Button양식을 작성하기 위해 양식에 들어가는 사용자 지정 구성 요소입니다.문제는 버튼을 클릭했을 때 폼에 데이터(사용자 이름 및 비밀번호)를 사용하여 에이잭스를 실행할 수 있도록 데이터를 폼으로 되돌리려면 어떻게 해야 합니다. export default auth.authApi( class SignUpViaEmail extends Component{ constructor(props){ super(props); this.state = { email : "", password : "" }; this.storeEmail = this.storeEmail.bind( this ); this.storePassword = th..

React-redux는 업데이트를 저장하지만 React는 저장되지 않음 이 질문은 React, Redux 또는 react-redux를 사용한 첫 번째 테스트 앱에 관한 것이므로 양해 바랍니다.의사들 덕분에 저는 크게 성공했고 저는 대부분 작동하는 모의 은행 앱을 가지고 있습니다.상태 오브젝트는 대략 다음과 같습니다. { activePageId: "checking", accounts: [ checking: { balance: 123, transactions: [ {date, amount, description, balance} ] } ] } 액션은 두 가지뿐입니다. 1. CHANGE_HASH(url 해시처럼)이 작업은 항상 예상대로 작동하며 리듀서는 state.activePageId만 업데이트합니다(예, ..

github Dependabot 경보:n번째 체크의 비효율적인 정규 표현 복잡성 중복될 수 있지만 명확한 답을 찾을 수 없습니다. Dependabot cannot update nth-check to a non-vulnerable version 다음 > conflicting 의존관계 때문에 설치 가능한 최신 버전은 1.0.2입니다. react-select@5.0.0에는 css-select@2.1.0에 대한 전이 의존성을 통해 nth-check@^1.0.2가 필요합니다. 4.0.0에서 react-parames@5.0.0으로 업그레이드되었습니다.이번 호에서 Dan Abramov가 설명했듯이, 이는 잘못된 경보이며 안전하게 폐기할 수 있습니다. 구체적으로는 CRA를 사용하고 있고 nth-check가 그것에서만 ..

React Faux DOM을 사용하여 D3 그룹화된 막대 차트에서 직사각형을 렌더링하려면 어떻게 해야 합니까? 리액트에서의 그룹바 차트 완성이 고통스러울 정도로 가까워지고 있습니다.react-faux-dom패키지.실제 직사각형을 제외한 모든 것이 설정되어 있습니다.내가 뭘 놓쳤는지 누가 알아줬으면 좋겠어제가 작업하고 있는 예는 여기에 있습니다.제 목표는 다중 막대 그룹이 있는 시간 척도 x축을 갖는 것입니다.X축과 Y축은 현재 문제없이 렌더링되고 있습니다. 현재 데이터 구조는 다음과 같습니다. [ {key: "oauths", values: [ { date: Tue Jul 26 2016 00:00:00 GMT-1000 (HST), key: "oauths", value: 3060}, { date: Tue J..

react를 사용하여 HTML5 데이터 속성을 동적으로 설정하려면 어떻게 해야 합니까? 의 HTML5 속성을 렌더링하고 싶다.jquery 이미지 피커를 react와 함께 사용할 수 있습니다.암호는 다음과 같습니다. var Book = React.createClass({ render: function() { return ( {this.props.title} 문제는 비록{this.props.imageUrl}제대로 통용되고 있다propHTML로 렌더링하는 것이 아니라 그대로 렌더링합니다.{this.props.imageUrl}변수를 HTML로 올바르게 전달하려면 어떻게 해야 합니까?JavaScript 식을 따옴표로 묶지 마십시오. {this.props.title} 자세한 내용은 JavaScript Express..

React JS:Formik을 사용하여 이미지/파일 업로드를 처리하는 방법 다음을 사용하여 내 사이트의 프로파일 페이지를 디자인하고 있습니다.ReactJS여기서 궁금한 것은 이미지를 로컬머신에서 업로드하여 데이터베이스에 저장하는 방법과 프로파일페이지에 표시하는 방법입니다. import React, {Component} from 'react'; import { connect } from 'react-redux'; import { AccountAction } from '../../actions/user/AccountPg1Action'; import { Formik, Form, Field, ErrorMessage } from 'formik'; import * as Yup from 'yup'; class Acc..