반응형

ReactJS 27

React JS: on Click 청취자가 함수여야 하지만 형식 문자열이 필요합니다.

React JS: on Click 청취자가 함수여야 하지만 형식 문자열이 필요합니다. ReactJs가 클릭 핸들러 메서드 대신 "문자열"을 찾는 이유를 알 수 없습니다. 코드는 다음과 같습니다. define(["react"], function(React) { return React.createClass({ pageUp: function() { console.log("go next page"); }, pageDown: function() { console.log("go prev page"); }, toggleMenu: function() { console.log("toggle menu"); this.state.menuStatus = !this.menuStatus; }, getInitialState: fun..

programing 2023.04.02

반응: 부모 구성 요소가 다시 렌더링될 때 어린이가 항상 다시 렌더링합니까?

반응: 부모 구성 요소가 다시 렌더링될 때 어린이가 항상 다시 렌더링합니까? 컴포넌트가 재렌더된 그 으로 알고 .다만, 이 컴포넌트가 실장되지 않는 한, 재렌더 .shouldComponentUpdate()사실이 아닌 것 같은 예를 들어봤습니다. 는 3가지되어 있습니다: 3가지로 나누어져 있습니다., ★★★★★★★★★★★★★★★★★」 . 。는, 「이러다」의 하고 있습니다.지른 는 " " " 를 정적으로 을 사용하다 ★★★★★는 수신 및 합니다. { this.props.children } 다. ★★★★★★★★★★★★★★★★★」 가지다onClick[청취자] '청취자'했을 때 알 수 있었습니다.과 그 시시시렌렌렌다다다, 을 클릭하면 NOT, " " " 입니다.시시시렌렌렌다다다 컴포넌트입니다.shouldCompo..

programing 2023.03.28

React 컴포넌트에 CSS 파일을 Import하는 방법

React 컴포넌트에 CSS 파일을 Import하는 방법 리액트 컴포넌트에 CSS 파일을 Import하고 싶다. 해봤어요import disabledLink from "../../../public/styles/disabledLink";아래의 에러가 표시됩니다. 모듈을 찾을 수 없습니다.오류: c:\Users\User\Documents\pizza-app\client\src\components@ . / client / src / Components / ShoppingCartLink . js 19 : 20 - 66 - HashCartLink : 2 . 28bbb 1 . C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css로딩하려는 CSS..

programing 2023.03.28

웹 팩 및 글꼴 페이스로 글꼴 로드

웹 팩 및 글꼴 페이스로 글꼴 로드 CSS를 사용하여 @font-face폰트는 로딩되지 않습니다.이것은 제 디렉토리 구조입니다. ㅇㅇㅇㅇ에서webpack.config.js을 사용하다 var path = require('path'); var webpack = require('webpack'); module.exports = { devtool: 'eval', entry: [ "./index.js" ], output: { path: __dirname+"/build", filename: "main.js" }, plugins: [ new webpack.NoErrorsPlugin(), new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin() ],..

programing 2023.03.28

바깥쪽 div 크기가 변경되면 스크롤 가능한 div를 바닥에 고정합니다.

바깥쪽 div 크기가 변경되면 스크롤 가능한 div를 바닥에 고정합니다. 다음은 채팅 앱 예시입니다.-> 는, 「아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아,.messages-container을 사용법★★★내.messages-container,.scroll는 메시지 목록을 보관하고 있습니다.메시지가 화면 크기보다 많을 경우 스크롤합니다. 이제 다음 경우를 생각해 보겠습니다. 사용자가 대화의 맨 아래까지 스크롤합니다. .text-input으로 사용자가 컨버세이션의 맨 아래까지 스크롤하지 않고 텍스트 입력이 증가하여 맨 아래가 표시되지 않게 됩니다. 리액트를 사용하는 경우 텍스트 입력 높이를 계산하고 변경 사항이 있을 경우 .messages-container에 알..

programing 2023.03.23

시도된 가져오기 오류: 'Switch'가 'react-router-dom'에서 내보내지지 않았습니다.

시도된 가져오기 오류: 'Switch'가 'react-router-dom'에서 내보내지지 않았습니다. 왜 이 오류가 발생하는지 알 수 없으며, 어디에서도 이에 대한 답을 찾을 수 없습니다.★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★를 제거했습니다.react-router-dom패키징하여 재설치했는데 스위치모듈이 react-flash-dom에서 내보내지 않았음을 나타내는 메시지가 계속 나타납니다.을 사용하다 발생한 오류: Import 시도 오류: 'Switch'가 'react-router-dom'에서 내보내지 않았습니다. 코드 import React from 'react'; import './App.css'; import NavBar from './components/navbar.js'; im..

programing 2023.03.23

지도 반환 시 어떻게 사용합니까?

지도 반환 시 어떻게 사용합니까? 다른 반응을 생성해야 합니다.데이터 모델을 기반으로 한 JS 코드. 하지만 알 수 있습니다. 파일 "~/Scripts/Grid.jsx"에서: 해석 오류: 줄 13: 예기치 않은 토큰 if (줄 13 열 15) 줄: 52 열: 3 이 코드와 함께 var GridRow = React.createClass({ render: function() { var row; row = this.props.cells.map(function(cell, i) { return ( if(cell.URL != null && cell.URL.length > 0){ {cell.Text} } else { {cell.Text} } ); }.bind(this)); return ( {row} ); } }); ..

programing 2023.03.18

웹 팩 - 오류: 로더 목록에 '쿼리' 및 여러 로더를 정의할 수 없습니다.

웹 팩 - 오류: 로더 목록에 '쿼리' 및 여러 로더를 정의할 수 없습니다. 이 에러는, 을 추가한 후에 표시됩니다.react-hot다음 튜토리얼에 따라 배열 내의 로더:https://thoughtbot.com/blog/setting-up-webpack-for-react-and-hot-module-replacement 나 이제...Error: Cannot define 'query' and multiple loaders in loaders list. var WebpackDevServer = require("webpack-dev-server"); var webpack = require('webpack'); var path = require('path'); require("babel-polyfill"); va..

programing 2023.03.18

React.js - 속성 객체를 하위 구성요소로 전달하는 방법

React.js - 속성 객체를 하위 구성요소로 전달하는 방법 내 컴포넌트는tileGroup다른 속성의 컬렉션(배열)인 속성을 가집니다. 부모 컴포넌트(tileGroup)는 컬렉션의 각 속성 세트를 사용하여 새 컴포넌트를 생성하여 하위 컴포넌트 목록을 렌더링합니다. 현재 세트부터 자 컴포넌트까지 각 속성을 개별적으로 매핑하고 있습니다만, 컴포넌트의 속성 카운트가 증가하면 이 작업은 번거로워집니다.또한 보다 깔끔하고 간단한 방법이 있을 것입니다. 각 속성을 다시 매핑하지 않고 전체 속성 집합을 하위 구성 요소에 전달하려면 어떻게 해야 합니까? 코드 예: tileGroupData = {someProperty: 'something', someOtherProperty:'something', tiles: [{vs..

programing 2023.03.18
반응형