criticalcode

리액트 컴포넌트를 소품으로 사용 예를 들어 다음과 같습니다. import Statement from './Statement'; import SchoolDetails from './SchoolDetails'; import AuthorizedStaff from './AuthorizedStaff'; const MultiTab = () => ( ); Tabs 컴포넌트 내에서this.props속성을 가지고 있습니다. +Children[3] className="tablist" justify="start" Children[0](this.props.children)은 다음과 같이 됩니다. $$typeof: Symbol(react.element) _owner:ReactCompositeComponentWrapper _se..

호스트: localhost.증명서의 alt name에 없습니다. 서버측 렌더링중에 다음의 에러가 발생. RENDERING ERROR: { [Error: Network error: request to https://api-dev.xyz.io/graphql failed, reason: Hostname/IP doesn't match certificate's altnames: "Host: localhost. is not in the cert's altnames: DNS:*.xyz.io"] graphQLErrors: null, networkError: { [FetchError: request to https://api-dev.xyz.io/graphql failed, reason: Hostname/IP doesn'..

Mobx - runInAction() 사용.그게 왜 필요하죠? 나는 이 주제에 관한 다양한 웹사이트를 읽었지만 왜 우리가 이 주제를 필요로 하는지 알아내지 못했다.runInAction방법 및 작동 방식에 대해 설명합니다. 누가 설명 좀 해줄래?runInAction기능성? 감사해요.간단히 말하면, 당신은 정말 필요 없습니다. runInAction사용하지 않고 어플리케이션을 작성할 수 있으며, 정상적으로 동작할 수 있습니다. 그러나 더 큰 코드베이스에서 작업 중인 경우 몇 가지 모범 사례를 적용하려면 mobx 기능인 "강제 액션/엄격 모드"를 사용할 수 있습니다. 이 기능은 기본적으로 액션 내에서 상태를 수정해야 합니다.동작은 상태의 일부가 변경된 이유를 명확히 하고 mobx devtools에서 유용한 디버..

nginx에서 certbot을 사용하는 경우 문제 발생 사실 웹앱 작업 중인데Reactjs프런트 엔드 및Golang를 지정합니다.이러한 2개의 프로그램은, 2개의 VM 상에서 개별적으로 호스트 되고 있습니다.Google-Compute-Engine. 앱을 통해 서비스하고 싶다.https그래서 저는 이 제품을Nginx프런트엔드에 서비스를 제공하고 있습니다.먼저 설정 파일을 작성했습니다.Nginx: #version: nginx/1.14.0 (ubuntu) server { listen 80 default_server; listen [::]:80 default_server; root /var/www/banshee; server_name XX.XXX.XX.XXX; #public IP of my frontend VM..

React 컴포넌트에서 프로펠러 업데이트를 테스트하는 방법 React 구성 요소 프로펠러 업데이트를 테스트하는 올바른 방법은 무엇입니까? 여기 제 시험기구가 있습니다. describe('updating the value', function(){ var component; beforeEach(function(){ component = TestUtils.renderIntoDocument(); }); it('should update the state of the component when the value prop is changed', function(){ // Act component.props.value = false; component.forceUpdate(); // Assert expect(compo..

반응에서 url의 이미지를 표시합니다.JS 리액트에 URL의 이미지를 표시하고 싶다.예를 들어, 나는 이 이미지를 원한다. https://images.pexels.com/photos/20787/pexels-photo.jpg?auto=compress&cs=tinysrgb&h=350 카드 본문 또는 reactJ에 표시됩니다.표시할 수 있습니까? 아니면 자산에 다운로드해야 표시할 수 있습니까?어떻게 하는 거죠?HTML에서와 같이 import React from "react"; import ReactDOM from "react-dom"; function App() { return ( ); } const rootElement = document.getElementById("root"); ReactDOM.rende..

여러 get 요청을 요청하는 API 가져오기 한 번에 여러 GET URL을 가져오고 가져온 JSON 데이터를 React DOM 요소에 넣는 방법을 알고 싶습니다. 코드는 다음과 같습니다. fetch("http://localhost:3000/items/get") .then(function(response){ response.json().then( function(data){ ReactDOM.render( , document.getElementById('overview') );} ); }) .catch(function(err){console.log(err);}); 단, 서버에서 추가 JSON 데이터를 가져와 이 모든 JSON 데이터가 서버에 전달된 ReactDOM을 렌더링하고 싶습니다.예를 들어 다음과 같습..

컴포넌트에 대한 리액트라우터 패스 파라미터 const rootEl = document.getElementById('root'); ReactDOM.render( , rootEl ); DetailsPage 컴포넌트에서 ID에 액세스하려고 하는데 액세스할 수 없습니다.나는 노력했다. 파라미터를 DetailsPage에 전달하지만 헛수고입니다. export default class DetailsPage extends Component { constructor(props) { super(props); } render() { return ( ); } } 그럼 ID를 DetailsPage에 넘기는 방법은 없나요?컴포넌트의 ID에 액세스하기 위해 다음과 같이 사용했습니다. 세부 구성 요소: export default c..

미정의 In React 확인 환원기에서 반응 상태로 데이터를 전달하는 시나리오가 있습니다. 데이터: { "id": 1, "title": "Test", "content": { "body": "sdfsdf" "image": "http://example.com" } } componentWillReceiveProps를 사용하면 제목 취득에 매우 적합합니다. componentWillReceiveProps(nextProps) { this.setState({ title: nextProps.blog.title, }) } 그러나 중첩된 필드를 검색하는 데 문제가 있습니다.이렇게 하면: componentWillReceiveProps(nextProps) { console.log("new title is", nextProps..

반응의 onClick 핸들러를 사용하여 href "새 탭에서 열기" 유지 테이블 셀에 올바르게 부팅되는 onClick(React) 핸들러가 있는데, 이 핸들러가 정상적으로 부팅되는 경우href태그에 붙이면 알 수 있어요. 물론 두 요소를 하나의 요소로 결합하려고 하는 것은 예상대로 작동하지 않습니다. ...some content 이전에 테이블 셀 안에 네스트된 앵커 태그가 풀 하이트에 걸쳐 있는 것을 검토했으므로 셀의 내용을 오른쪽 클릭할 때마다 "새로운 탭에서 열기"를 계속 유지할 수 있습니다.onClick테이블 셀 요소의 핸들러.그러나 이 접근법에는 다양한 문제가 있습니다. TLDR: 재정의하면 다른 문제가 발생합니다.솔루션에는 다양한 호환성 문제가 있습니다. 그래서 나는 위에서 설명한 접근방식을 포..