스택큐힙리스트

리액트(React.js)를 사용할 때 헷갈리는 점이 있습니다. 인터넷에는 React를 사용하는 많은 예제가 있지만 일부는 .js 파일을 사용하고 다른 일부는 .jsx 파일을 사용합니다. JSX 파일에 대해 읽어본 결과, 이 파일은 JavaScript 안에 HTML 태그를 작성할 수 있게 해준다는 것이었습니다. 하지만 같은 내용을 JS 파일에서도 작성할 수 있습니다. 그렇다면 .js와 .jsx의 실제 차이점은 무엇일까요?답변 1파일 확장자에 따라 없습니다. 번들러/트랜스파일러/기타가 어떤 유형의 파일 컨텐츠가 있는지 해결을 담당합니다. 그러나 .js 또는 .jsx 파일 유형에 넣을 내용을 결정할 때 고려해야 할 몇 가지 다른 사항이 있습니다. JSX가 표준 JavaScript가 아니므로 평범한 JavaSc..

ReactJS와 JSX에 새로운 사람입니다. 아래의 코드에 약간의 문제가 있습니다. 각 li에 className 속성에 여러 클래스를 추가하려고 시도하고 있습니다: 내 React 컴포넌트는 다음과 같습니다:var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ focused: index }); }, render: function() { var self = this; var accountMenuData = [ { name: 내 계정, icon: 아이콘 계정 }, { name: 메시지, icon: 아이콘 메시지 }..

저는 React 컴포넌트에 인라인 스크립팅을 추가하려는 비교적 간단한 문제를 가지고 있습니다. 지금까지 제가 가지고 있는 것은: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { render() { return ( People ); } }; 저는 다음과 같이 시도해 보았습니다: 어떤 방법도 원하는 스크립트를 실행하지 못하는 것 같습니다. 빠뜨린 간단..

리액트 라우터를 사용하면 네이티브로 리액트 라우터에서 처리되는 링크를 만들기 위해 Link 요소를 사용할 수 있습니다. 내부적으로는 this.context.transitionTo(...)을 호출하는 것을 볼 수 있습니다. 링크가 아닌 드롭다운 선택에서 내비게이션을 수행하고 싶습니다 (예를 들어). 이것을 어떻게 코드로 할 수 있을까요? this.context은 무엇인가요? mixins 없이도 이것을 할 수 있을까요? Navigation mixin을 본 적이 있습니다.답변 1 컴포넌트는 위치와 일치시키기 위한 용도로만 사용되지 않습니다. 경로가 없는 route를 렌더링할 수 있으며 항상 현재 위치와 일치합니다. 컴포넌트는 withRouter와 동일한 속성을 전달하므로 history 메소드에는 history..