mycopycode

스크립트에서 인라인 HTML에 반응하지 않고 jsx를 사용할 수 있습니까? jsx와 같은 라이브러리를 사용하여 스크립트에서 다음과 같이 인라인 HTML을 사용할 수 있습니까? JSX 파일을 작성하여 '짝퉁' 리액트 파일을 사용하여 HTML 페이지에 삽입할 수 있었습니다. no-internal.internal.internal /** * Include this script in your HTML to use JSX compiled code without React. */ const React = { createElement: function (tag, attrs, children) { var element = document.createElement(tag); for (let name in attrs) { ..

리액트 렌더 함수에서 동적 href를 생성하는 방법 저는 투고 목록을 렌더링하고 있습니다.각 게시물에 대해 href 문자열의 일부로 게시 ID가 포함된 앵커 태그를 렌더링하고 싶습니다. render: function(){ return ( { this.props.posts.map(function(post){ return {post.title} }) } ); 각 게시물에 href가 포함되도록 하려면 어떻게 해야 합니까?/posts/1,/posts/2어떻게 해야 할까요?문자열 연결 사용: href={'/posts/' + post.id} JSX 구문에서는 문자열 또는 식을 사용할 수 있습니다.({...})가치관으로서.둘 다 섞을 수 없어요.식 내에서는 이름에서 알 수 있듯이 임의의 JavaScript 식을 사용..

필터 논리는 프런트 엔드 또는 백엔드에 있어야 합니까? 웹 응용 프로그램을 만들고 있습니다. 프런트 엔드 - reactjs 및 백엔드 Java. 프런트엔드와 백엔드는 레스트를 통해 서로 통신합니다. UI에서 항목 목록을 표시합니다.그리고 나는 그들을 몇 개의 패러머로 걸러야 합니다. 옵션 1: 필터 로직이 프런트 엔드에 있음 이 경우 백엔드에 get call을 걸어 모든 아이템을 가져오면 됩니다.사용자가 일부 필터 옵션을 선택하면 UI에서 필터링이 수행됩니다. 장점: 따라서 데이터를 백엔드로 전송하고 응답을 기다릴 필요가 없습니다.목록을 새로 고치는 속도가 빨라야 합니다. 단점: 복수의 프런트 엔드 클라이언트가 필요한 경우.모바일 앱이라고 합시다.그리고 이 앱에서도 필터를 다시 만들어야 합니다. 옵션 2..

JSX에서 맵을 포함한 네스트 루프를 갖는 방법은 무엇입니까? 두 개의 네스트(nested)를 가질 수 없습니다.map: render() { return ( {Object.keys(this.state.templates).map(function(template_name) { return ( Template: {template_name} {this.state.templates[template_name].items.map(function(item) { return ( {item.id} ) })} ) })} ) } 이것으로, 을 알 수 있습니다.SyntaxError: unknown: Unexpected token. 어떻게 둥지를 틀지?map콜은 JSX에 있나요?요소 안에 싸야 합니다. 뭐 이런 거 (여기에 추가..

반응 양식에서 소품 변경에 대한 상태 리액트 폼과 상태 관리에 문제가 있습니다.양식(모달)에 시간 입력 필드가 있습니다.됩니다.getInitialState부모 컴포넌트에서 전달됩니다.이치노 이 문제는 부모 컴포넌트를 통해 기본 start_time 값을 갱신할 때 발생합니다.는 부모 에서 업업음음 음음음음음 음음음음음을 통해 합니다.setState start_time: new_time, 제 "Default "는 "Default" 입니다start_time은 단 한 입니다.getInitialState. 사용하려고 했습니다.componentWillUpdate setState start_time: next_props.start_time실제로 효과가 , 「실로 me me me me」를 주었다Uncaught Rang..

클래스 메서드에서 'this'가 사용되어야 합니다. 제 수업에서 eslint가 "클래스 메서드 getUrlParams에서 사용되어야 하는 '이것'이 기대됩니다"라고 불평하고 있습니다. 제 수업은 다음과 같습니다. class PostSearch extends React.Component { constructor(props) { super(props); this.getSearchResults(); } getUrlParams(queryString) { const hashes = queryString.slice(queryString.indexOf('?') + 1).split('&'); const params = {}; hashes.forEach((hash) => { const [key, val] = hash.s..

왜 '약속'일까?console.log가 아닌 React 컴포넌트에서 두 번 호출된 경우 다음 컴포넌트의 출력이 매우 혼란스럽습니다. import { StrictMode } from "react" import ReactDOM from "react-dom" function Test(): React.ReactElement { console.log('render') Promise.resolve() .then(() => console.log('then ' + Math.random())) return } ReactDOM.render( , document.getElementById("root") ) 적어도 Chrome 및 Firefox에서는 다음 출력이 생성됩니다. 00:46:30.264 render 00:46:30..

"정의되지 않은 속성 'createElement'를 읽을 수 없습니다" 오류를 나타내는 JSX 파일 반응 실행 중인 test_stuff.js 파일이 있습니다.npm test 거의 다음과 같습니다. import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when the value is not present', function() { assert.equal(-1, [1,2,3]..

스타일 구성 요소 구성 닫았습니다. 이 질문은의견 기반의현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 사실과 인용문으로 답변할 수 있도록 질문을 업데이트하십시오. 3년 전에 문을 닫았어요 이 질문을 개선하다 앱에 스타일 컴포넌트를 사용하고 싶은데 어떻게 정리하면 좋을지 고민입니다. 기본적으로 스타일 컴포넌트는 재사용성을 위해 특정 컴포넌트에 할당됩니다. 그러나 다른 컴포넌트(애니메이션 컴포넌트 등)에서 여러 번 사용하고 싶은 스타일 컴포넌트는 어떻습니까?이러한 '글로벌' 스타일의 컴포넌트를 보관하고 여러 컴포넌트로 Import할 파일을 작성해야 합니까? 좋은 연습인가요?스타일링된 컴포넌트로 구축된 대규모 프로덕션 애플리케이션의 대부분은 다음과 같습니다. src ├── ..

리액트 컴포넌트에서 외부 Javascript 함수를 호출합니다. 이전에 이 문제를 물어본 적이 있는지, 아니면 reactjs에서 같은 문제가 발생한 적이 있는지 모르겠습니다.시나리오가 이렇습니다.javascript를 포함한 index.html 파일을 가지고 있습니다.반응 컴포넌트에서는 조건이 true일 경우에만 렌더링되는 조건이 있습니다.즉, 페이지가 로드되었을 때 구성요소가 아직 렌더링되지 않았습니다.버튼을 전환하면 해당 구성요소가 렌더링됩니다.그 자 컴포넌트는 my index.html에 포함된 javascript 메서드를 호출해야 합니다.어떻게 해야 되지? 어떤 도움이라도 대단히 감사합니다.index.html의 경우 컴포넌트 내 componentWillMount() { window.test(); } ..