css3

css 모듈에 클래스를 네스트하고 어떻게 반응합니까? 리액트 프로젝트에서 CSS 모듈을 사용하려고 합니다.문제의 첫 번째 부분은 (sass를 사용하여) 네스트된 css 클래스를 작성하면 내부 클래스에도 접근할 수 있는지 알 수 없다는 것입니다.이러한 클래스명도 하나의 클래스명으로 컴파일 되어 있는 것 같기 때문입니다.일부 코드: title .header { &.menu-visible { .menu { display: block; } } } 래핑 클래스는 모든 아이의 속성을 변경하는 "메뉴 표시"로 되어 있는데, 리액트에서 이렇게 하는 것은 잘못된 행동인가요? .header 내부에는 메뉴가 보이면 변경되는 클래스가 여러 개 있기 때문에, 래핑 클래스만 변경하는 것이 편리합니다만, 아이를 참조할 수 있을까요..

Redux로 대응하시겠습니까?'문맥' 문제는 어떻습니까? 저는 보통 Stack에 코드 관련 글을 올립니다만, 이것은 커뮤니티의 일반적인 생각이 무엇인지에 대한 질문입니다. 데이터/상태를 관리하기 위해 Redx with React를 사용하는 것을 옹호하는 사람들이 많은 것 같습니다만, 읽고 배우다 보면 뭔가 이상합니다. 리덕스 이 페이지 하단의 http://redux.js.org/docs/basics/UsageWithReact.html(Passing the Store)에서는 React 'Context'의 'Magic' 사용을 권장합니다. 한 가지 방법은 모든 컨테이너 구성요소에 소품으로 전달하는 것입니다.그러나 컴포넌트 트리의 깊은 곳에 컨테이너가 렌더링된다는 이유만으로 프레젠테이션 컴포넌트를 통해서도 와..

ReactJS에서 하위 구성요소에서 상위 구성요소로 데이터를 전달하는 방법은 무엇입니까? 다음과 같이 하위 구성 요소에서 상위 구성 요소로 데이터를 보내려고 합니다. const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( ); }); 자 컴포넌트는 다음과 같습니다. export const SelectLanguage = React.createClass({ getInitialState: function(){ retur..

Reactjs에 setState()의 동기 대체가 있습니까? 문서의 설명에 따르면 다음과 같습니다. setState()는 this.state를 즉시 변환하지 않고 보류 상태의 천이를 만듭니다.이 메서드를 호출한 후 this.state에 액세스하면 기존 값이 반환될 수 있습니다. setState에 대한 콜의 동기 동작은 보증되지 않으며 성능 향상을 위해 콜이 배치될 수 있습니다. 이왕이면setState()는 비동기이며 동기 퍼포먼스에 대해서는 보증하지 않습니다. 다른 요?setState()크로로싱 예를들면 //initial value of cnt:0 this.setState({cnt:this.state.cnt+1}) alert(this.state.cnt); //alert value:0 ★★★★★★★★★★★..

양식 입력 필드 지우기 및 재설정 다양한 입력란과 2개의 버튼이 포함된 폼이 있습니다.하나는 제출용, 다른 하나는 취소용입니다. 제가 원하는 것은 취소 버튼을 클릭했을 때 모든 입력을 비우는 것입니다.지금까지 각 입력의 참조 소품을 사용하여 이 작업을 수행해 왔습니다. cancelCourse(){ this.refs.fieldName.value=""; this.refs.fieldorg.value=""; this.refs.fieldNum.value=""; } 싶습니다.jQuery라고 합니다. $('#create-course-form input[type=text]').val('');여기서의 답은 입력이 제어되는지 여부에 따라 달라집니다.이에 대해 확실하지 않거나 자세한 정보가 필요한 경우 제어된 컴포넌트 및 ..

Django RESTful API 및 React에서 csrf_token을 사용하는 방법 나는 이전에 에 대한 경험이 있다.Django행을 추가하는 경우{csrf_token}에Django그러면 템플릿Django기능을 처리하다csrf_token하지만 제가 API를 개발하려고 할 때Django REST Framework막히죠.다음과 같은 기능을 추가 및 처리하려면 어떻게 해야 합니까?csrf_token에API(백엔드, 사용방법Django REST Framework)와React Native/React JS장고 템플릿 같은 거?첫 번째 단계는 Django csrftoken cookie에서 취득할 수 있는 CSRF 토큰을 얻는 것입니다. 이제 Django 문서에서 다음과 같은 간단한 JavaScript 함수를 사용..

onSubmit을 사용하여 양식 구성 요소를 입력하는 방법 나는 내 것이 있다.Form이 컴포넌트로부터 분리하여 보관하고 싶은 컴포넌트Parent Component. const Form: React.FC = ({ children, handleFormSubmit }) => ( {children} ); Parent Component const ParentComponent = () => { ... const handleFormSubmit = (event: React.FormEvent) => { event.preventDefault(); publishReview(review).then(() => setReview(initialReviewState)); }; return ( ... )} 내 생각에는 말이지…han..

Mac OS X에서 MongoDB를 제거합니다. 단말기에서 mongod를 실행하려고 하면 다음 오류가 나타납니다. 2014-07-02T23:56:24.797-0700 [initandlisten]ERROR:listen():bind() failed errno:48 소켓에 이미 사용 중인 주소: 0.0.0:27017 2014-07-02T23:56:24.797-0700 [initandlisten]ER: addr이 이미 사용되고 있습니다. 최근 Mac에 두 가지 버전의 MongoDB가 있다는 것을 알게 되었고, 이것이 위의 오류의 원인일 수 있다고 생각합니다.(게다가 두 가지 버전은 필요 없습니다.)구글링을 시도했지만 제거 방법에 대한 명확한 지침을 찾을 수 없었습니다.개발 버전 2.7.0과 2.6.3이 있습니다..

Reactjs: 문서가 정의되지 않았습니다. 리액션 프로젝트 설정은 매우 간단합니다. ├── app.js ├── components │ ├── MainWrapper.js │ └── html.js ├── package.json └── server.js 애플리케이션은, 다음의 조작에 의해서 기동합니다. node server.js express 서버를 사용하여 html.js의 Html Component 마크업을 렌더링합니다. import React from 'react'; import MainWrapper from './MainWrapper.js' class HtmlComponent extends React.Component { render() { return ( ) } } export default Html..

얄팍한 비교는 반응에서 어떻게 작용합니까? 이 React 문서에는 다음과 같이 기술되어 있습니다. shallCompare는 현재 소품 및 nextProps 객체뿐만 아니라 현재 상태 및 nextState 객체에 대해서도 얕은 균등성 검사를 수행합니다. 제가 이해할 수 없는 것은 오브젝트를 얄팍하게 비교할 경우 should ComponentUpdate 메서드는 항상 true를 반환한다는 것입니다. 우리는 주를 변형시켜서는 안 된다. 상태를 변환하지 않으면 비교 결과 항상 false가 반환되므로 should Component 업데이트는 항상 true가 반환됩니다.어떻게 동작하고 있는지, 퍼포먼스를 높이기 위해 어떻게 덮어쓸지 혼란스럽습니다.얕은 비교는 동등함을 확인합니다.스칼라 값(숫자, 문자열)을 비교할 ..