반응형

reactjs 30

CSS 표시 방법: React JSX를 사용한 조건 내에는 없음

CSS 표시 방법: React JSX를 사용한 조건 내에는 없음 제가 렌더링하려고 하는 건div사용자가 링크를 클릭했을 때 같은 페이지에 표시됩니다. 내 HTML 페이지: Stores Store A Store B Store C 나의components/store.js.jsx: var Store = React.createClass({ getInitialState: function() { return { showStore: false }; }, onClick: function() { this.setState({ showStore: true }); }, render: function() { return( a lot more divs ); } }); 하지만 나는 다음과 같은 것을. 구문 오류: 알 수 없음: 예기..

programing 2023.04.05

React에서 forwardRef()를 사용하려면 어떻게 해야 합니까?

React에서 forwardRef()를 사용하려면 어떻게 해야 합니까? 현재 리액트 앱에서 다음 오류가 발생하고 있습니다. 함수 구성 요소는 참조를 제공할 수 없습니다.이 참조에 액세스하려고 하면 실패합니다.React.forwardRef()를 사용하시겠습니까? forwardRef()를 사용하여 이 문제를 해결하려면 어떻게 해야 합니까? 제 코드는 다음과 같습니다. const Services: FunctionComponent = (): ReactElement => { const servicesRef = useRef(null); return ( ); }; export default Services; const ServicesList: React.FunctionComponent = ({ children }: ..

programing 2023.04.05

ReactJ 렌더링된 컴포넌트

ReactJ 렌더링된 컴포넌트 https://github.com/kumailht/gridforms,의 React 버전을 통합 또는 작성하려고 합니다.따라서 행 내부의 컬럼 높이를 정규화할 필요가 있습니다.원본은 그리드 행의 높이를 가져와서 하위 열에 적용합니다. 저는 줄의 높이를 측정해서 아이의 소유지에 지도를 만들 계획이었지만, 제 시도를 통해 이것이 이상적인 방법이나 심지어 가능하지 않을 수도 있다고 생각합니다. 아래가 저의 현재 코드입니다. GridRow = React.createClass({ render(){ const children = _.map(this.props.children, child => { child.props.height = // somehow get row component h..

programing 2023.04.05

미리 설정된 파일은 개체를 내보낼 수 없습니다.

미리 설정된 파일은 개체를 내보낼 수 없습니다. 내가 원하는 회전목마 파일이 있다.index.js및 구축block.build.js그래서...webpack.config.js다음과 같습니다. var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', 'es2015'], plugins: ['transform-class-prope..

programing 2023.04.05

React & Webpack을 사용한 임베디드 가능한 Javascript 플러그인 쓰기

React & Webpack을 사용한 임베디드 가능한 Javascript 플러그인 쓰기 React 앱을 Webpack에 번들하여 CDN에 저장된 분산 복사본을 클라이언트와 관련된 일련의 구성으로 소싱, 호출 및 초기화할 수 있도록 하고 싶습니다. 이것저것 읽고 나서, Web 팩 엔트리 파일을 다음과 같이 셋업 합니다. // ... React requires etc. (() => { this.MyApp = (config) => { // some constructor code here } MyApp.prototype.init = () => { ReactDOM.render(, someSelector); } })(); 제 클라이언트에서는 다음과 같은 일을 할 수 있다는 생각입니다. 그리고 나의MyApp#init..

programing 2023.04.05

반복 React 요소를 렌더링하려면 어떻게 해야 합니까?

반복 React 요소를 렌더링하려면 어떻게 해야 합니까? ReactJs에서 반복 요소를 렌더링하기 위해 코드를 몇 개 작성했지만, 너무 못생겨서 싫어요. render: function(){ var titles = this.props.titles.map(function(title) { return {title}; }); var rows = this.props.rows.map(function(row) { var cells = []; for (var i in row) { cells.push({row[i]}); } return {cells}; }); return ( {titles} {rows} ); } 이것을 달성할 수 있는 더 좋은 방법이 있나요? (포함하고 싶다)for템플릿 코드 내 또는 유사한 접근법 내에..

programing 2023.03.31

GraphQL 스키마 명명 베스트 프랙티스는 무엇입니까?

GraphQL 스키마 명명 베스트 프랙티스는 무엇입니까? GraphQL을 검토하고 있는 간단한 어플리케이션 개발을 시작하고 있습니다.스키마의 초기 초안을 작성할 때 제품이 성숙함에 따라 확장되는 명명 규칙을 확립하는 데 다소 어려움을 겪었습니다.스키마를 키워서 부딪히거나 막다른 골목이나 불일치를 성공적으로 피한 경험이 있는 모든 분들의 의견을 들어주시면 감사하겠습니다. 일반적으로 인터페이스라는 이름을 인터페이스 이름으로 유지하는 것이 유용한가, 아니면 자동적인가?예를 들어,Profile또는ProfileInterface큰 앱에서 선호되는가? interface ProfileInterface { # fields here... } type UserProfile implements ProfileInterface ..

programing 2023.03.31

IE11에서는 에러 약속의 취득이 정의되어 있지 않습니다.

IE11에서는 에러 약속의 취득이 정의되어 있지 않습니다. 리액트 코드를 타이프 스크립트로 변환하고 있습니다.tsconfig의 타겟은 es5 입니다. IE 11에서 실행하면 "Promise is undefined"라는 오류가 나타난다. 폴리필이 필요한 건 알지만 어떻게? 나는 바벨을 사용하지 않는다. 다음은 Webpack.config 입니다. var webpack = require("webpack"); var Promise = require('es6-promise').Promise; var paths = require('./config/paths'); var HtmlWebpackPlugin = require('html-webpack-plugin'); //var InterpolateHtmlPlugin = ..

programing 2023.03.31

리액트 후크 방식으로 요청을 보내는 방법

리액트 후크 방식으로 요청을 보내는 방법 리액트 훅을 사용하여 버튼 클릭 시 http 요청을 전송하려면 어떻게 해야 합니까?아니면 버튼 클릭에 대한 부작용은 어떻게 해야 할까요? 지금까지 제가 본 것은 다음과 같은 "간접적"입니다. export default = () => { const [sendRequest, setSendRequest] = useState(false); useEffect(() => { if(sendRequest){ //send the request setSendRequest(false); } }, [sendRequest]); return ( setSendRequest(true)} ); } 그게 올바른 방법인가요 아니면 다른 패턴이 있나요?export default () => { con..

programing 2023.03.31

React의 useState 훅을 사용할 때 nullable 상태를 입력하는 올바른 방법

React의 useState 훅을 사용할 때 nullable 상태를 입력하는 올바른 방법 타이핑하는 방법을 알아내는 데 어려움을 겪고 있어요.useState이 함수는 태플을 반환하기 때문입니다.본질적으로, 저는null초기값으로email즉, 여기서 빈 문자열을 사용할 수 없다고 가정합니다. 그 후, 나는setEmail이 상태 값을 갱신하는 함수(전자 메일을 문자열로 받아들임)입니다. 이상적으로 나는 나의 타자를 치고 싶다.useState따라서 가능한 경우 이메일이 문자열이거나 null일 것으로 예상합니다.현재로선 그것만을 상속받고 있다.null import * as React from "react"; const { useState } = React; function Example() { const [sta..

programing 2023.03.31
반응형