반응형

ReactJS 25

redex 비동기 액션에 callBacks를 전달하는 것이 좋은 프랙티스로 간주됩니까?

redex 비동기 액션에 callBacks를 전달하는 것이 좋은 프랙티스로 간주됩니까? 성공/오류 응답에 대해 다른 알림 바를 표시하는 경우 다음과 같이 리액트컴포넌트 내의 redux 비동기 액션에 2개의 콜백을 전달합니다. this.props.actions.asyncAction(item, this.showSuccessBar, this.showErrorBar)} /> 여기서 asyncAction은 다음과 같습니다. export function asyncAction(item, successCallback, errorCallback) { return (dispatch, getState) => { dispatch(requestItem(item)); return fetch("api.some_url/items/i..

programing 2023.02.25

Next.js - 오류: 절대 URL만 지원됩니다.

Next.js - 오류: 절대 URL만 지원됩니다. express를 next.js의 커스텀 서버로 사용하고 있습니다.제품 목록에서 제품을 클릭하면 모든 것이 정상입니다. 순서 1: 제품 링크를 클릭합니다. 2단계: 데이터베이스 내의 제품이 표시됩니다. , 「」를 는, 「」를 리프레시 합니다./products 이 , 에러입니다. 코드(「」를 해 주세요)/products★★★★★★★★★★★★★★★★★★) app.prepare() .then(() => { const server = express() // This is the endpoints for products server.get('/api/products', (req, res, next) => { // Im using Mongoose to return ..

programing 2023.02.20

React 확인란이 onChange를 전송하지 않음

React 확인란이 onChange를 전송하지 않음 TLDR: 선택된 jsbin 대신 default Checked를 사용합니다. 선택 시 레이블 텍스트를 지우는 단순 확인란을 설정하려고 합니다.어떤 이유에서인지 컴포넌트를 사용할 때 handleChange가 실행되지 않습니다.내가 뭘 잘못하고 있는지 설명해 줄 사람? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || false }; }, handleChange: function(){ console.log('handleChange', this.refs.complete.checked); // Ne..

programing 2023.02.20

ReactJS에서 중첩된 개체의 PropTypes를 검증하려면 어떻게 해야 합니까?

ReactJS에서 중첩된 개체의 PropTypes를 검증하려면 어떻게 해야 합니까? ReactJS 컴포넌트의 소품으로 데이터 오브젝트를 사용하고 있습니다. PropTypes 객체 자체를 검증하는 것이 쉽다는 것을 알고 있습니다. propTypes: { data: React.PropTypes.object } 그러나 내부 값을 검증하려면 어떻게 해야 합니까?즉, data.id, data.filename? props[propName]: React.PropTypes.number.required // etc... 사용할 수 있습니다.React.PropTypes.shape속성을 검증하려면: propTypes: { data: React.PropTypes.shape({ id: React.PropTypes.number...

programing 2023.02.20

map() React 내부 조건

map() React 내부 조건나는 가지고 있다map()조건을 기준으로 보기를 표시해야 하는 함수입니다.조건을 기술하는 방법에 대한 React 문서를 살펴보았는데, 다음과 같이 조건을 기술할 수 있습니다. {if (loggedIn) ? ( // Hello!) : ( // ByeBye!)} 다음 링크입니다.https://facebook.github.io/react/docs/conditional-rendering.html#inline-if-else-with-conditional-operator 그래서 저는 그 지식을 리액트 앱에 반영하려고 했습니다.결국 이렇게 됐어요. render() { return ( {this.props.collection.ids .f..

programing 2023.02.20
반응형