반응형

ReactJS 9

실제 장치에서 반응 네이티브의 개발 메뉴를 열려면 어떻게 해야 합니까?

실제 장치에서 반응 네이티브의 개발 메뉴를 열려면 어떻게 해야 합니까? 나는 이미 많은 보더 케이스와 이상한 개발자 인터페이스를 보았다. 특히 태블릿에서는 매우 비현실적인 "기기 흔들기"에서 Android Studio 주변에서 버튼 누름 시뮬레이션을 하기 위해. 관된된 방법 ?? ????하여 intern API와 같은 안 navigator.popUpDevMenu() 그렇지 않은 경우 태블릿을 흔들어서 작동하려면 어떻게 해야 합니까?이것은, 실제의 디바이스에서의 HMR 의 설정 방법을 해결하는 것을 목적으로 하고 있습니다.리액트 네이티브는 개발 경험을 향상시키지만, 그 때문에 조금 느려진다고 생각합니다.만약 당신이 맥에 있다면, 프라페라고 불리는 편리한 도구가 있다.https://github.com/nif..

programing 2023.02.18

react.js의 소품을 갱신할 수 없는 이유는 무엇입니까?

react.js의 소품을 갱신할 수 없는 이유는 무엇입니까? 둘 다 ?state ★★★★★★★★★★★★★★★★★」props이터 소소 ?나 나? ???하고 싶다props자신과 모든 아이들을 다시 치료하게 할 수 있습니다.간단해 보이지만 컴포넌트가 자신의 소품이나 부모의 소품을 어떻게 업데이트해야 할지 모르겠습니다. 도와주셔서 감사합니다.리액트 철학은 소품은 불변하고 하향식이어야 한다는 것이다.부모가 원하는 소품을 자녀에게 보낼 수는 있지만 자녀는 자신의 소품을 수정할 수 없다는 뜻이다.들어오는 소품에 반응하고 싶으면 들어오는 소품에 따라 아이의 상태를 수정하는 것입니다. 자기 소품이나 부모님 소품 업데이트는 절대 안 해항상 자신의 상태를 업데이트하고 부모가 준 가치관에 반응합니다. 상태의 무엇인가를 변경하..

programing 2023.02.14

"jsdom" 테스트 환경의 사용을 검토하다

"jsdom" 테스트 환경의 사용을 검토하다 간단한 테스트가 있습니다. import React from 'react' import { render } from '@testing-library/react' import Button from '.' describe('Button', () => { it('renders button without crashing', () => { const label = 'test' render() }) }) 그리고 저는jest.config.json이 내용으로 { "setupFilesAfterEnv": [ "/lib/settings/setupTests.ts" ] } 그리고 나의 위에setupTests.ts있습니다 import '@testing-library/jest-dom' 내..

programing 2023.02.14

componentWillReceiveProps 라이프 사이클 메서드를 사용하는 경우

componentWillReceiveProps 라이프 사이클 메서드를 사용하는 경우 React/Redux는 처음이라 상태에 문제가 있습니다. Trail Container.jsx class TrajectContainer extends React.Component { constructor(props) { super(props); this.state = { trajects: props.trajects, onClick: props.onClick }; } componentWillReceiveProps(nextProps) { console.log('componentWillReceiveProps', nextProps); this.setState(nextProps); } render() { // When the com..

programing 2023.02.14

onChange->setState에서 한 단계 늦게 응답합니다.

onChange->setState에서 한 단계 늦게 응답합니다. 웹 앱을 빌드하는 중에 이 문제가 발생하여 이 jsfiddle에서 복제했습니다.기본적으로, 저는 전화할 입력을 원합니다.this.setState({message: input_val})입력 시마다 부모 앱 클래스로 전달하고 메시지 클래스로 메시지를 다시 렌더링합니다.그러나 출력은 항상 실제로 입력하는 것보다 한 발 늦는 것 같습니다.jsfiddle 데모는 스스로 설명해야 합니다.제가 이 일을 재촉한 것은 아닌지 궁금합니다. html js var App = React.createClass({ getInitialState: function() { return {message: ''} }, appHandleSubmit: function(state)..

programing 2023.02.10

MUI에서 체크박스의 색상을 커스터마이즈하려면 어떻게 해야 합니까?

MUI에서 체크박스의 색상을 커스터마이즈하려면 어떻게 해야 합니까? 프로젝트에서 MUI를 사용하고 있으며,Checkbox의 범위 내에서div검은 바탕에.근데 안 좋아 보이는 건Checkbox검정색도 있어요.의 색상을 변경하려면 어떻게 해야 합니까?Checkbox검정색에서 다른 색상으로요?방법은 다음과 같습니다. 를 사용해야 합니다.iconStyle단, 체크박스아이콘은 SVG 이미지이기 때문에 색상을 설정할 필요가 있습니다.fill대신color: https://jsfiddle.net/27Lmaz48/1/ 오래된 질문이지만 재료 1.2를 사용하는 사용자를 위한 질문입니다. iconStyle이 작동하지 않습니다. 그러나 기존 테마를 덮어쓰고 '체크박스' 컴포넌트를 새 테마로 감싸서 이 작업을 수행했습니다. i..

programing 2023.02.10

재료 UI 툴팁을 조건부로 활성화하시겠습니까?

재료 UI 툴팁을 조건부로 활성화하시겠습니까? 재료 UI를 사용하여 다음과 같은 React 구성 요소가 있습니다. const MyButton = ({ warningText }) => ( Do action ) 현재 이 화면에는 다음과 같은 빈 툴팁이 표시됩니다.warningText정의되어 있지 않습니다.대신 툴팁은 일절 보여주고 싶지 않습니다.이러한 경우 조건부로 툴팁을 누르는 방법이 있습니까? 물론 툴팁 컴포넌트를 렌더링하지 않기 위해 if 문을 사용할 수도 있지만, 제 의견으로는 다소 추악한 코드가 될 수 있습니다.그래야 한다 Do action 문자열 길이가 0이면 표시되지 않는다고 합니다. https://material-ui.com/api/tooltip/ 툴팁 제목제로 길이의 타이틀 문자열은 표시되지..

programing 2023.02.10

CSRF와 Django, React+Redux(Axios 사용)

CSRF와 Django, React+Redux(Axios 사용) 이것은 교육 프로젝트이지 생산을 위한 것이 아닙니다.이 작업의 일부로 사용자 로그인을 의도한 것은 아닙니다. 사용자가 로그인하지 않아도 CSRF 토큰을 사용하여 Django에 POST 콜을 발신할 수 있습니까?jQuery를 사용하지 않고 이 작업을 수행할 수 있습니까?난 여기서 내 전문을 벗어나서 몇 가지 개념을 확실히 혼란스럽게 하고 있어. JavaScript 쪽에서는 이 redux-csrf 패키지를 찾았습니다.어떻게 조합해야 할지 모르겠어요.POSTAxios: export const addJob = (title, hourly, tax) => { console.log("Trying to addJob: ", title, hourly, tax..

programing 2023.02.10

ReactJS 애플리케이션의 MVVM 아키텍처 패턴

ReactJS 애플리케이션의 MVVM 아키텍처 패턴 입니다.react ★★★★★★★★★★★★★★★★★」JavaScript 유니버설, 유니버설, 유니버설 등 개를 만들었습니다.react★★★★★★ 。 오늘 당사의 CTO에서 다음과 같이 말했습니다.어플리케이션에 소프트웨어 아키텍처 패턴을 사용하고 있습니까? 수 없다, 는 「마음껏」, 「마음껏」를 .Android용 which which 하는 팀MVVM응용 프로그램에 사용할 수 있습니다. 욕심을 부리고 있지만 트렌드 방법론이나 예를 찾을 수 없습니다.가 쓴 적이 있어요.Redux,Redux-Saga,React-Context기타 등등. 우리 CTO에게 어떻게 설명해야 할지 모르겠고 그의 답변은 무엇입니까? 따라서: 앱에 정말로 소프트웨어 아키텍처 패턴이 필요한가..

programing 2023.02.10
반응형