manysource

이 표현식의 유형에는 영향을 주지 않습니다. 이것에 대해 검색해 보았지만, 특별히 필요한 것은 발견되지 않았습니다.있으면 여기서 공유해 주세요. 다양한 컴포넌트에서 호출할 수 있는 범용 서비스를 만들려고 합니다.외부 소스에 데이터를 요구하는 기능이기 때문에 비동기 기능으로 취급해야 합니다.문제는 편집자가 "ait'는 이 식 유형에 영향을 미치지 않습니다."라는 메시지를 반환한다는 것입니다.그리고 아직 데이터가 없기 때문에 앱이 다운됩니다. People.js는 서비스 요청을 호출합니다.js import React, { useEffect, useState } from "react"; import requests from "../services/requests"; export default () => { //..

태그 오류: 렌더에서 JSX 스타일 태그 오류 반응 리액트 렌더 함수입니다. render:function(){ return ( something ) } 이 에러가 발생합니다. JSX: 오류: 구문 분석 오류: 줄 22: 예기치 않은 토큰: 여기 무슨 일 있어?반응 컴포넌트에 완전 일반 css를 삽입할 수 있습니까?es6 템플릿 문자열(줄 바꿈 가능)을 사용하여 쉽게 수행할 수 있습니다.렌더링 방법: const css = ` .my-element { background-color: #f00; } ` return ( some content ) 사용 예에 대해서는 디버깅에 사용하는 체크박스가 있는 div에 대해 하고 있습니다.이 체크박스는 나중에 쉽게 삭제할 수 있도록 1개의 파일에 포함시키고 싶습니다.JSX..

tailwindcss가 next.js와 함께 작동하지 않습니다.설정에 무슨 문제가 있습니까? 웬일인지 그래.tailwind. 제 설정에 무슨 문제가 있나요? 스타일 폴더 - tailwind.css @tailwind 베이스; /* Write your own custom base styles here */ /* Start purging... */ @tailwind components; /* Stop purging. */ /* Write you own custom component styles here */ .btn-blue { @apply bg-blue-500 text-white font-bold py-2 px-4 rounded; } /* Start purging... */ @tailwind utilitie..

기능은 React 하위 기능으로 사용할 수 없습니다.이 문제는 렌더에서가 아니라 구성요소를 반환할 때 발생할 수 있습니다. 고차 컴포넌트를 작성했습니다. import React from 'react'; const NewHOC = (PassedComponent) => { return class extends React.Component { render(){ return ( ) } } } export default NewHOC; App.js에서 위의 내용을 사용하고 있습니다. import React from 'react'; import Movie from './movie/Movie'; import MyHOC from './hoc/MyHOC'; import NewHOC from './hoc/NewHOC'; e..

React 구성요소에 구성요소 기본 소품을 설정하는 방법 React 컴포넌트에 디폴트 소품을 설정하기 위해 다음 코드를 사용하지만 동작하지 않습니다.에서render()method, 출력 "정의되지 않은 소품"이 브라우저 콘솔에 인쇄된 것을 볼 수 있습니다.컴포넌트 소품 기본값을 정의하려면 어떻게 해야 합니까? export default class AddAddressComponent extends Component { render() { let {provinceList,cityList} = this.props if(cityList === undefined || provinceList === undefined){ console.log('undefined props') } ... } AddAddressComp..

Next.js: 라우터.의욕적으로 추진하다 서버 측 렌더링용 앱을 재구축하기 위해 next.js를 사용하고 있습니다.검색 요청을 처리하는 버튼이 있습니다. 이전 앱에서 핸들러는 다음과 같습니다. search = (event) => { event.preventDefault(); history.push({ pathname: '/results', state: { pattern: this.state.searchText, } }); } 결과 클래스에서 상태 날짜를 this.props.location.state.pattern으로 얻을 수 있었습니다. next.js: import Router, { withRouter } from 'next/router' performSearch = (event) => { event...

반응-원어민 버튼 스타일이 작동하지 않음 Import_this import {AppRegistry, Text, View, Button, StyleSheet} from 'react-native'; 이것은 내 리액트 버튼 코드입니다. 그러나 스타일은 작동하지 않습니다. Hare... 또한 나는 이 코드에 의해 시도되었다. Press me! 질문 업데이트: 그리고 이쪽에서 시도받았는데.. ku ka 스타일. const styles = StyleSheet.create({ buttonStyle: { color: 'red', marginTop: 20, padding: 20, backgroundColor: 'green' } }); 하지만 No out : 내 핸드폰 스크린샷 :-React Native 버튼은 매우 제한..

Redux 상태가 변경되었습니다. React가 재렌더를 트리거하지 않는 이유는 무엇입니까? 특정 상황에서 알림이 표시되는 알림 컴포넌트(접속 문제, 성공적인 변경 등)를 설계하려고 합니다. 몇 초 후에 알림을 삭제해야 하기 때문에 상태 변경을 트리거하여 알림을 Redux 상태에서 삭제합니다.setTimeout통지의 내부componentDidMount. 상태는 변화하지만 React-Redux는 부모 컴포넌트를 재렌더하지 않기 때문에 알림이 DOM에 계속 표시됩니다. 다음은 Redux 리덕터입니다. const initialState = { notifications: [] } export default function (state = initialState, action) { switch(action.type..

react 컴포넌트와 함께 event.target 사용 나는 내 프로젝트에 좀 어려움을 겪고 있다.내가 왜 이 장치를 사용할 수 없는지 설명해 줄 사람?e.target다른 것에 접근하다className? 아래는 내 진입점의 코드입니다. import React from 'react' import ReactDOM from 'react-dom' import Button from './Button' import Menu from './Menu' function test(e){ console.log(e.target.ref) } module.exports = class Content extends React.Component { constructor(props){ super(props) this.state={con..

하위 구성요소가 렌더링되었는지 테스트하려면 어떻게 해야 합니까? 효소에서는 다음과 같이 하위 구성요소의 존재를 확인할 수 있습니다. expect(wrapper.find(ChildComponent)).toHaveLength(1) 리액트 테스트 라이브러리의 이 테스트와 동등한 것은 무엇입니까?제가 찾은 모든 온라인 예제는 돔 요소를 찾는 매우 간단한 테스트에 불과합니다.자녀 컴포넌트를 렌더링하는 예제는 포함되어 있지 않습니다.하위 구성 요소를 찾으려면 어떻게 해야 합니까?하위 구성요소가 렌더링되었는지 여부를 확인하지 마십시오. 하위 구성요소는 구현 세부 정보를 테스트하는 중이므로(어느 테스트 라이브러리에서 렌더링하지 않는지를) 확인해야 합니다. 자녀 컴포넌트의 일부 텍스트가 렌더링되었는지 확인하거나 자녀 래..