c10106

세 개 이상의 React 애플리케이션 간에 데이터를 공유하는 방법 "두 개 이상의 애플리케이션을 위해 일부 데이터를 공유해야 하는데 일부 데이터는 보안되지 않은 부분이 있다.애플리케이션으로부터 동일한 요청이 여러 번 발생하지 않도록 해야 한다.IndexedDb, localStorage를 고려했지만 일부 브라우저에서는 innogito 모드가 작동하지 않는다.아마도 api 인터페이스를 제공할 부모 앱을 만드는 마지막 방법은 같은 요청을 하고 글로벌 오브젝트를 통해 자식 컴포넌트에게 상태를 제공하고, 아이 컴포넌트는 글로벌 api를 통해 필요할 경우 요청을 호출할 수 있지만, 그것은 매우 이상하고 누구나 그 오브젝트를 변경할 수 있다.이 문제를 해결할 줄 아는 사람 있어?어떤 생각이라도 좋을 것 같아!충고 고..

조건일 경우 다른 조치 후 Redex 호출 조치 다음과 같은 논리로 환원제를 어떻게 구현해야 하는가?동기화 및 비동기화라는 두 가지 동작이 있다.그것의 유효성을 말하고() 저장()한다.사용자가 단추를 누를 때validate()그리고 그것은 약간의 변화를 준다.isValid주 저장소의 변수그렇다면isValid수행된 작업을 저장하십시오. 하고 싶은 일을 하는 방법은 여러 가지가 있다.그러나 일반적으로, 파생될 수 있는 어떤 것도 Redex에 저장하지 마십시오. isValid필드에서 유효성 검사를 실행하여 도출할 수 있다.더욱이 나는 변화하는 양식 필드 값과 같은 중간 상태가 Redex에 속한다고 생각하지 않는다.유효한 것으로 간주되어 제출될 때까지 반응 상태로 보관할 겁니다. 스푸너가 코멘트에서 언급했듯이,..

임의/일반 소품이 있는 구성 요소를 TypeScript에서 reaction-remensx 연결 기능으로 전달 반응 요소를 연결하려고 하는 경우react-redux임의의 소품들을 가지고 있지만, 제대로 컴파일되지 않고 있다.나는 사용해 보았다.JSXElementConstructor그리고(new (props: Props) => React.Component)대신에ComponentType, 그러나 방법에 대한 다른 오류를 얻었다.Props다른 유형으로 인스턴스화할 수 있다.여기 암호가 있다.어떤 도움이라도 감사할 것이다. https://github.com/piotrwitek/react-redux-typescript-guide/issues/55은 관련 있어 보이지만, 그것은 소품 자체가 일반 소품이 아닌 일반 소..

reactive-native-draggaggable-flatlist 끌어서 놓기(flatlist) whichComponentUpdate와 함께 사용할 경우 재설정 목록 중 하나에 reactive-native-dragggaggable-flatlist를 사용하는 react-native 응용 프로그램에서 작업 중인데 불행히도 다른 구성 요소의 다른 목록 항목에서 데이터 조작을 위해 구성 요소에서 shouldComponentUpdate를 사용해야 하지만 wasComponentUpdate를 추가한 후 드래그/drop이 작동하지 않아 끌 수 있고 DR할 수 있음op 그러나 그것은 즉시 전체 목록을 원래의 위치설정 세트로 리셋한다. 기존 기능을 해제하지 않으려면 끌어서 놓기와 함께 should/drop을 사용할 수 ..

다른 항목을 클릭하여 요소의 클래스를 추가 및 제거하는 방법리액트-리플렉스로 반응 축소x에서 다른 요소를 클릭하여 요소의 클래스를 전환하고 싶다. 나는 이 문제를 해결했고, 이것을 하기 위한 다음 단계를 따르라. 클릭이 수행되는 요소: class readMore extends Component { constructor(props) { super(props); this.state = {classToSend: true }; } stateToRender(){ (this.state.classToSend) ? this.setState({classToSend: false}) : this.setState({classToSend: true}); } onClickHandler(){ this.stateToRender();..

구성 요소가 리듀렉스 저장소에 연결되지 않는 이유 일부 구성 요소(USERS)를 내 스토어에 연결하려고 한다.내가 너에게 각 단계를 보여줄게. 먼저 인덱스에 내 저장소를 만든다.js: // composeWithDevTools helps to follow state changes, remove in production const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; const sagaMiddleware = createSagaMiddleware(); const store = createStore(reducers, composeEnhancers(applyMiddleware(sagaMiddleware))); //sa..

주의 일부만 업데이트할 때 상태를 얼마나 깊이 복제해야 하는가? 최근까지 나는 항상 lodash의 복제품 Deep을 사용해 내 상태를 복사한 다음 값을 바꾸고 복제된 상태를 반환했다.예를 들어 다음과 같다. 이것이 나의 초기 상태일 것이다. { "id": 1213, "title": "Some title...", "pages": { "page1": { "id": 459, "title": "Some Page title...", "fields": { "field_1": { "title": "My field", "type": "text", "value": "my text value..." }, "field_2": { "title": "My field 2", "type": "text", "value": "my t..

Reducx + Resact Native + react-navigator로 매개 변수 전달 MenuScreen.js의 파라미터를 ProfileScreen.js로 전달하려고 한다.나는 React Native와 Redex를 처음 접한다.내비게이션에 리액션 네비게이션으로 버튼 하나로 새 화면을 누를 수 있다. 사용. 버튼 onPress={() => dispatch(NavigationActions.navigate)({routeName: 'Profile', params: { user: 'baz' }}}) 제목="Profile" /> 나는 매개 변수를 전달할 수 있지만 프로필 화면에서 어떻게 접속할 수 있는지 모르겠다. 사용. 이.190.20.state.params. ProfileScreen.js에서 다음 오류가 ..

Laravel CORS with Fruitcake I make react project with laravel Back-end ... I have a CORS problem, I do everything like on link below, with fruitcake. Laravel 6 CORS policy issue with API but still not working. cors.php: 'paths' => ['api/*'], /* * Matches the request method. `[*]` allows all methods. */ 'allowed_methods' => ['*'], /* * Matches the request origin. `[*]` allows all origins. */ 'all..

GetDerivedStateFromProps를 사용하여 초기화한 후 소품을 상태로 전환하시겠습니까? 다음과 같은 매우 간단한 구성 요소가 있다. export default class Editor extends Component { constructor(props) { super(props); this.state = { field: "Some Initial Text" }; this.handleChangeField = this.handleChangeField.bind(this); } handleChangeField(e) { this.setState({field: e.target.value}); } render() { return ( {this.state.field} ); } } 그냥 들판이 있을 뿐이야.필드..