lovejava

ESLint는 Create React App에 어떻게 통합됩니까? ★★★★★★★★★★★★★★★를 실행했을 때,npx create-react-app ...베어본 리액트 프로젝트를 만들고 있습니다. package.json다음과 같이 ESLint가 존재한다는 증거가 있는 것 같습니다. "eslintConfig": { "extends": "react-app" }, 해는, 하는 것 .ESLint, ESLint, VS Code는, VS Code를 픽업 하는 것 같습니다.이 경우 VS 코드는 어떤 종류의 린터가 존재/설정되어 있는지 인식하지 못하는 것 같습니다.는 제가 일도 . ESLint에 Respect는 .package.jsoneslint .프로젝트의 루트 디렉터리에 "명령어를 찾을 수 없습니다"라고 표시됩니다...

리액트 아이콘 스타일링 방법 를 사용하여 Import한 아이콘을 스타일링하는 방법을 찾고 있습니다. 특히 다음과 같은 룩을 연출할 수 있으면 좋겠습니다. 즉, 배경색, 패딩, 테두리 반지름 등을 추가하고 싶습니다.하지만 저는 그렇게 할 수 있는 쉬운 방법을 찾을 수 없습니다. 사이즈와 컬러 소품을 추가하면 아이콘의 실제 크기와 색상이 바뀝니다.하지만 다른 요소들을 바꿀 수 있는 쉬운 방법은 없습니다. 이 방법을 알고 있는 분(혹은 다른 라이브러리를 추천해 주실 수 있습니까?)IconContext참조할 수 있습니다. function BlueLargeIcon() { return ( ); } 컴포넌트를 , 「」를 사용합니다.style컴포넌트 자체에서 동일한 API(구성 참조)를 제공하거나 사용합니다. cons..

재료.UI 선택 설정 값이 항상 범위를 벗어남 소재가 있다UI 코드를 선택하면 value 파라미터를 동적으로 처리합니다.문제는 어떤 값을 설정해도 항상 범위를 벗어나고 유효한 값으로 값이 표시된다는 것입니다. SelectInput.js:291 Material-UI: you have provided an out-of-range value `100001,250000` for the select (name="followers") component. Consider providing a value that matches one of the available options or ''. The available values are `0,50000`, `50001,100000`, `100001,250000`, `25..

리액트 컴포넌트의 다른 파일에서 HTML을 렌더링하려면 어떻게 해야 합니까? 리액트 컴포넌트의 다른 파일에서 HTML을 렌더링할 수 있습니까? 다음을 시도했지만 작동하지 않습니다. var React = require('react'); /* Template html */ var template = require('./template'); module.exports = React.createClass({ render: function() { return( ); } }); 의 '' ''가template.html파일은 HTML일 뿐 React 컴포넌트가 아니기 때문에 JS 파일과 같은 방법으로 요구할 수 없습니다. 다만, Browserify 를 사용하고 있는 경우는, stringify 라고 하는 변환이 있습니다..

물결 괄호 없는 화살표 기능 ES6도 리액트도 처음이고 화살표 기능도 계속 보입니다.왜 어떤 화살표 기능은 뚱뚱한 화살표 뒤에 곱슬곱슬한 괄호를 사용하고 어떤 기능은 괄호를 사용하는가?예를 들어 다음과 같습니다. const foo = (params) => ( Content ); 대. const handleBar = (e) => { e.preventDefault(); dispatch('logout'); }; 괄호는 단일 값을 반환하고 있으며, 중괄호는 여러 줄의 코드를 실행합니다. 이 예제는 JSX를 사용하여 여러 개의 "라인"처럼 보이지만 실제로는 하나의 "요소"로 컴파일되기 때문에 혼란스러워 보입니다. 다음은 모두 동일한 작업을 수행하는 몇 가지 예입니다. const a = (who) => "hello..

ES6/ES7 구문을 사용하여 jQuery UI를 가져오려면 어떻게 해야 합니까? 응답에 jQuery UI 기능을 사용하려고 합니다.JS/Redux 어플리케이션다음을 사용하여 jQuery 및 jQuery UI를 모두 가져왔습니다. npm install jquery jquery-ui 그리고 난 시도했다: import $ from 'jquery'; import jQuery from 'query'; import jQuery-ui from 'jquery-ui'; 그러나 다음과 같은 작업을 수행하려고 하면 jQuery UI가 Import되지 않는 것 같습니다. componentDidMount() { $('ol#myList').selectable(); } jQuery UI에 문제가 있는 것 같습니다.내가 뭘 잘못하..

예상되는 할당 또는 함수 호출: no-used-expressions ReactJS class Game extends Component { constructor() { super() this.state = { speed: 0 } //firebaseInit() } render() { return ( The Score is {this.state.speed}; ) } } export default Game; 리액트는 처음이며, 이 코드의 경우 이 에러가 발생합니다. Expected an assignment or function call and instead saw an expression no-unused-expressions 어디가 틀렸는지 모르겠어요. 도와주세요.이것은, 다음의 괄호를 붙이기 위해서 발생합니..

여러 인라인 스타일 개체를 결합하려면 어떻게 해야 합니까? 리액트에서는 객체를 명확하게 생성하여 인라인 스타일로 할당할 수 있습니다.아래에 기재되어 있습니다. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 = {fontSize: '18px'}; React.render(Hello World!, mountNode); 여러 개체를 결합하여 할당하려면 어떻게 해야 합니까? React Nati..

React 클래스 구성 요소에서 작업 전후의 로드 상태 설정 액션을 디스패치하는 기능이 있습니다.작업 전후에 로더를 표시하고 싶습니다.오브젝트를 구성하는 리액션이 전달되는 것을 알고 있습니다.setState문제는 어떻게 비동기 방식으로 속성을 갱신할 수 있느냐입니다. handleChange(input) { this.setState({ load: true }) this.props.actions.getItemsFromThirtParty(input) this.setState({ load: false }) } 기본적으로 이 속성을 애플리케이션 상태(Redux 사용)의 일부로 설정하면 모든 것이 잘 작동하지만, 이 속성을 구성 요소 상태로만 전환하는 것이 좋습니다.다음과 같이 setState를 Promise로 랩..