c10106

react.js: 구성 요소 제거 나는 reaction.js에 꽤 익숙하지 않기 때문에 어떤 도움이라도 대단히 고맙게 생각한다. 나는 이것을 가지고 있다: https://jsfiddle.net/rzjyhf91/ 여기서 나는 이미지와 버튼이라는 두 가지 구성요소를 만들었다. 버튼 클릭으로 이미지를 제거하는 것이 목표다.unmountComponentAtNode그러나 그것은 효과가 없다. var App = React.createClass({ render: function() { return ( ); } }); var MyImage = React.createClass({ render: function() { return ( ); } }); var RemoveImageButton = React.createClas..

Google 글꼴 사전 로드 Light House 감사는 내가 React 앱에서 사용하고 있는 두 개의 구글 폰트, 특히 주요 요청을 미리 로드하는 것을 제안하고 있다.라이트하우스 회원은 다음을 사용할 것을 제안했다. 폭포에서 그걸 보고 콘솔에 경고가 들어온다고 해서 요청을 하는 걸 알아 "리소스 https://fonts.googleapis.com/css?family=Open+Sans|로보토:700은 링크 프리로드를 사용하여 미리 로딩되었지만 윈도우의 로드 이벤트로부터 몇 초 이내에 사용되지 않았다.값이 적절하고 의도적으로 사전 로드되었는지 확인하십시오." 불행히도 내 앱에는 두 개의 폰트가 더 이상 표시되지 않는다.이것들을 CSS에 @font-face로 정의할 필요가 있을까? 글꼴을 미리 로드하는 올바..

리액션 스트라이프 요소 입력 구성요소를 사용하여 어떻게 테두리 스타일링을 배치할 수 있는가? 이 리액트 구성 요소 라이브러리 정보 https://github.com/stripe/react-stripe-elements 입력 구성요소로 테두리 스타일링을 적용하려면 어떻게 해야 하는가? 하지만 그들은 맞춤식 인터페이스를 제공하지 않은 것 같다. https://stripe.com/docs/elements/reference#element-options\ 아는 사람 있어? 업데이트: 다음은 사용하는 샘플 코드StripeElement맞춤 스타일링을 적용하기 위한 클래스. .StripeElement { border: 1px solid #eee; } .StripeElement--invalid { border: 1px s..

Reducx 상태가 mapStateToProps에서 정의되지 않음 나는 현재 이 튜토리얼을 따르고 있다.나는 관련된 약간의 장애에 부딪혔다.mapStateToProps다음 코드로: import React from 'react'; import Voting from './voting'; import {connect} from 'react-redux'; const mapStateToProps = (state) => { return { pair: state.getIn(['vote','pair']), winner: state.get('winner') }; } const VotingContainer = connect(mapStateToProps)(Voting); export default VotingContaine..

반응 구성 요소 방법을 유닛 테스트하는 방법 내 리액션 구성 요소를 유닛 테스트하려고 함: import React from 'react'; import Modal from 'react-modal'; import store from '../../../store' import lodash from 'lodash' export class AddToOrder extends React.Component { constructor(props) { super(props); this.state = {checked: false} //debugger } checkBoxChecked() { return true } render() { console.log('testing=this.props.id',this.props.id )..

Fabric.js를 React와 함께 사용하는 방법 나는 Fabric.js를 통해 HTML5 캔버스를 사용하는 어플리케이션을 가지고 있다.app는 anguage 1.x 위에 쓰여있으며, reaction으로 마이그레이트할 예정이다.내 앱은 텍스트와 그리기 선, 직사각형, 타원을 쓸 수 있다.또한 하나 이상의 그러한 물체를 이동, 확대, 축소, 선택, 절단, 복사, 붙여넣는 것도 가능하다.다양한 바로가기를 사용하여 캔버스를 확대/축소하고 이동할 수도 있다.간단히 말해서, 내 앱은 Fabric.js를 최대한 활용한다. Fabric.js를 Reaction과 함께 사용하는 방법에 대한 많은 정보를 찾을 수 없었기 때문에, 1.큰 수정 없이 가능한가, 2.Raction을 더 잘 지원하는 다른 광대한 캔버스 라이브러..

속성에만 적용되는 각도 지시어와 React 등가물은 무엇인가? 예를 들어 다음과 같은 각도로 지시할 수 있다. angular.module('app') .directive('classy', function() { return { restrict: 'A', link: function($scope, $el) { $el.addClass('stay-classy'); } } } 그리고 다음과 같이 구현하십시오. 대부분의 문서를 읽고 구글링한 후 내가 본 리액션에는 동등한 것이 없는 것 같다.나는 다음과 같은 것을 바라고 있었다. ... render: function() { return ( ); } 내가 놓치고 있었던 그런 가능성이 있을까?기능적으로 유사하지만 다른 등가물이 있는가?아니면 이 질문은 내가 "React..

반응에서 소품으로 사용되는 패싱 배열 나는 반응하는 것이 처음이야. 리액션 실험을 해 봤는데 소품을 이용한 어레이 통과 방법에 문제가 생겼어. 사례-1: var c = ['program']; var Navigation = React.createClass({ getInitialState: function () { return { openDropdown: -1 }; }, getDefaultProps: function () { return { config: ['everyone'] }; }, render: function () { return ( helloworld {this.props.config[0]}; ); } }); React.render(, document.body); 헬로월드 프로그램 렌더링이야예상한..

TypeScript 오류: 속성 'X'가 'Window' 유형에 없음 내 React/Redex 앱에 TS를 추가했다. 나는 사용한다window내 앱에서 다음과 같은 개체: componentDidMount() { let FB = window.FB; } TS에서 오류 발생: TypeScript 오류: 속성 'FB'가 'Window' 유형에 없음.TS2339 나는 오류를 수정하고 싶다. 1 (잘 안 된다) // Why doesn't this work? I have defined a type locally type Window = { FB: any } componentDidMount() { let FB = window.FB; } // TypeScript error: Property 'FB' does not ex..

반응의 onClick 이벤트에 대한 TypeScript 인터페이스 서명JS reactjs.org의 공식 웹사이트는 훌륭한 소개 자습서를 포함하고 있다. 자습서 스니펫은 자바스크립트로 작성되어 있으며, 나는 이것을 TypeScript로 변환하려고 한다. 나는 간신히 코드를 작동시켰지만 인터페이스 사용에 대해 질문이 있다. onClick 콜백에 올바른 "기능 서명"을 선택하십시오. IProps_Square 인터페이스의 '임의' 키워드를 명시적 함수 서명으로 대체할 방법이 있는가? 어떤 도움이나 제안이라도 정말 고마워, 러셀. 인덱스.포인트 인덱스.tsx import * as React from 'react'; import * as ReactDOM from 'react-dom'; interface IProps..