«reactjs» 태그된 질문

React로 필터링 가능한 목록을 구현하는 중입니다. 목록의 구조는 아래 이미지와 같습니다. 전제 작동 방식에 대한 설명은 다음과 같습니다. 상태는 가장 높은 수준의 구성 요소 인 Search구성 요소에 있습니다. 상태는 다음과 같이 설명됩니다. { visible : 부울, 파일 : 배열, 필터링 됨 : 배열, 쿼리 : 문자열, currentSelectedIndex : 정수 } …

86 javascript  list  reactjs 

문서를 읽었지만 React 16 hydrate()과 의 차이점을 실제로 이해하지 못했습니다 render(). hydrate()SSR과 클라이언트 측 렌더링을 결합하는 데 사용된다는 것을 알고 있습니다. 누군가가 수분 공급이 무엇인지 설명하고 ReactDOM의 차이점은 무엇입니까?

86 javascript  reactjs  react-dom  react-fiber 

반응 네이티브 탐색 (반응 탐색) StackNavigator를 사용하고 있습니다. 앱의 전체 수명주기 동안 로그인 페이지에서 시작됩니다. 뒤로 옵션을 원하지 않고 로그인 화면으로 돌아갑니다. 로그인 화면 후 화면에서 숨길 수있는 방법을 아는 사람이 있습니까? BTW, 나는 또한 다음을 사용하여 로그인 화면에서 숨기고 있습니다. const MainStack = StackNavigator({ Login: { screen: Login, navigationOptions: …

85 reactjs  react-native  navigation  react-navigation 

서버에서 토큰 인증을 받았으므로 Redux 앱이 처음로드 될 때 사용자가 인증되었는지 여부를 확인하기 위해이 서버에 요청을해야하며, 그렇다면 토큰을 받아야합니다. Redux 코어 INIT 작업을 사용하는 것이 권장되지 않는다는 것을 알았는데, 앱이 렌더링되기 전에 어떻게 작업을 전달할 수 있습니까?

85 reactjs  redux 

때때로로 렌더링해야 할 구성 요소가 <anchor>있고 다른 시간에는 <div>. prop내가 이것을 결정하는 읽기입니다 this.props.url. 존재하는 경우 <a href={this.props.url}>. 그렇지 않으면 그냥 <div/>. 가능한? 이것이 제가 지금하고있는 일이지만 단순화 할 수 있다고 생각합니다. if (this.props.link) { return ( <a href={this.props.link}> <i> {this.props.count} </i> </a> ); } return ( <i className={styles.Icon}> {this.props.count} …

85 javascript  reactjs 

React와 함께 TypeScript를 사용 React.Props하면 컴파일러가 모든 반응 구성 요소 소품이 자식을 가질 수 있음을 알기 위해 더 이상 확장 할 필요가 없습니다 . interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return <div>{this.props.children}</div>; } } 그러나 상태 비 저장 기능 구성 요소의 경우에는 …

85 reactjs  typescript 

반응 구성 요소의 부울 상태를 전환하는 방법을 알고 싶습니다. 예를 들면 : 내 구성 요소의 생성자에 부울 상태 검사가 있습니다. constructor(props, context) { super(props, context); this.state = { check: false }; }; this.setState 메서드를 사용하여 내 확인란을 클릭 할 때마다 상태를 전환하려고합니다. <label><input type=checkbox" value="check" onChange = {(e) => this.setState({check: …

85 javascript  reactjs  reactjs-flux 

반응 라우터에 문제가 있습니다 (버전 ^ 4.0.0을 사용하고 있습니다). 이것은 내 index.js입니다 import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import './index.css'; import { Router, Route, Link, browserHistory } from 'react-router'; ReactDOM.render( <Router history={browserHistory} > <Route path="/" component={App} /> </Router>, document.getElementById('root') ); App.js는 그저 아무것도 아닙니다. …

85 javascript  json  reactjs  react-router 

내가 뭔가를 오해했을 수도 있지만 useCallback Hook은 다시 렌더링이 발생할 때마다 실행됩니다. 입력 값을 useCallback에 대한 두 번째 인수로 전달했습니다. 항상 변경할 수없는 상수입니다.하지만 반환 된 메모 화 된 콜백은 렌더링 할 때마다 여전히 내 값 비싼 계산을 실행합니다 (아래 스 니펫에서 직접 확인할 수 있음). useCallback을 useMemo로 변경했으며 useMemo는 …

85 reactjs 

React Router 가 새 탭에서 링크를 열 도록하는 방법이 있습니까? 나는 이것을 시도했지만 작동하지 않았습니다. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> onClick="foo"위와 같이 링크 에 추가하여 플러 프 할 수 있지만 콘솔 오류가 발생합니다. 감사.

85 reactjs  react-router 

React 프로젝트에 TypeScript를 시도하고이 오류가 발생했습니다. Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ train_1: boolean; train_2: boolean; train_3: boolean; train_4: boolean; }'. No index signature with a parameter of type 'string' was found on type '{ train_1: boolean; train_2: …

85 reactjs  typescript 

내 redux 저장소에 ref를 저장하고 mapStateToProps를 사용하여 액세스가 필요한 구성 요소에 대한 참조를 노출합니다. 저장된 참조는 다음과 같습니다. ref={node => this.myRefToBePutInReduxGlobalStore = node} 이 심판에 대한 올바른 propType은 무엇입니까?

85 reactjs 

if 문을 사용하는 것보다 조건부로 prop을 전달하는 더 좋은 방법이 있는지 알고 싶습니다. 예를 들어, 지금은 다음과 같습니다. var parent = React.createClass({ propTypes: { editable: React.PropTypes.bool.isRequired, editableOpts: React.PropTypes.shape({...}) }, render: function() { if(this.props.editable) { return ( <Child editable={this.props.editableOpts} /> ); } else { // In this case, Child will use …

85 javascript  reactjs  inline 

GitHub 저장소에서 방금 복제 한 Redux 애플리케이션을 시작하려고합니다. 다음 명령으로 실행 해 보았습니다. npm start 이 오류가 발생합니다. > react-redux@1.0.0 start /home/workspace/assignment > webpack-dev-server --config ./configs/webpack/webpack.config.development.js sh: 1: webpack-dev-server: not found npm ERR! file sh npm ERR! code ELIFECYCLE npm ERR! errno ENOENT npm ERR! syscall spawn npm ERR! react-redux@1.0.0 …

85 javascript  reactjs  npm  redux  react-redux 

Redux 앱의 초기 상태는 두 가지 방법으로 설정할 수 있습니다. 두 번째 인수로 전달 createStore( docs link ) (하위) 감속기에 첫 번째 인수로 전달하십시오 ( docs link ) 초기 상태를 저장소에 전달하는 경우 저장소에서 해당 상태를 어떻게 읽고 감속기의 첫 번째 인수로 만들까요?

85 javascript  reactjs  redux