yellowcard

패키지에 반응하는 종속성을 추가하는 올바른 방법은 무엇입니까?반응 성분용 json 몇 가지 간단한 재사용 가능한 반응 컴포넌트를 만들었는데 패키지에 반응 의존성을 포함하는 올바른 방법을 알고 싶습니다.npm과 함께 퍼블리싱하기 위한 json. 현재 이 작업을 하고 있습니다. 컴포넌트가 최신 버전의 react를 사용하고 테스트를 마쳤으며 해당 버전에서 동작한다고 가정합니다.예를 들어 0.13.3 "peerDependencies": { "react": "^0.13.3" }, 재사용 가능한 컴포넌트의 경우: a를 넣다react둘 다에 대한 의존성peerDependencies그리고.devDependencies. 절대 넣지 마세요.react에 대한 의존.dependencies. peerDependencies는 재..

Redux에서 mapStateToProps를 사용하지 않고 mapDispatchToProps를 매핑할 수 있습니까? 나는 이해하려고 Redux의 To do 예를 분해하고 있다.난 그걸 읽었다.mapDispatchToProps디스패치 액션을 소품으로 맵할 수 있기 때문에 다시 쓰기로 했습니다.addTodo.jsdispatch(addToDo)를 호출하는 대신 mapDispatchToProps를 사용합니다.내가 불렀어addingTodo(). 다음과 같은 경우: import React from 'react'; import {connect} from 'react-redux'; import addTodo from '../actions'; let AddTodo = ({addingTodo}) => { let input..

ReactJ에서 제어된 구성 요소를 사용하여 동적 형태를 구현하는 방법은 무엇입니까? 참고 자료에서 예시를 보고 있습니다.controlled form components react.js 공식 웹사이트에서, 저는 어떻게 이 웹 사이트를 구현해야 하는지 궁금합니다.form할 수 있는 일이라면remove그리고.add input제어된 컴포넌트가 되도록 동적으로 요소를 구성합니까?이게 가능하기나 해? 예를 들면, 다음과 같습니다. class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.han..

react js의 onClick 이벤트에서 객체 데이터 및 대상 요소 가져오기 이건 내 암호야onClick 이벤트를 사용하여 오브젝트 요소와 타깃 요소의 데이터를 모두 가져오고 싶습니다.누가 좀 도와줘요. handleClick = (data) => { console.log(data); } onClick 핸들러에서 화살표 기능을 사용하면 어떨까요? handleClick = (e, data) => { // access to e.target here console.log(data); } this.handleClick(e, data))}/> 사용할 수 있습니다.data-대상 요소에서 사용할 수 있습니다. import React from 'react' export default MyComponent = () =>..

React Native에서 텍스트 테두리를 만드는 방법 리액트 네이티브에서 텍스트 구성요소에 글꼴 테두리를 추가하려면 어떻게 해야 합니까? 사용해보았습니다.border그리고.shadow{Color, Radius, Opacity, Offset}하지만 아직 효과가 없어요좋은 의견이라도 있나?공식 문서에서 이 정보를 제공합니다.다음 사이트에서 찾을 수 있습니다.텍스트 컴포넌트컴포넌트의 동작과 스타일을 변경하는 데 사용할 수 있는 소품이 표시됩니다.보시는 바와 같이 일부 특정 텍스트 스타일뿐만 아니라 보기 구성요소에 적용할 수 있는 스타일도 있습니다.이 링크를 따라가면 테두리 스타일이 표시됩니다.그래서 당신이 찾고 있는 것은 다음과 같습니다. borderColor string borderTopColor stri..

React Native의 PhaseScriptExecution [CP-User]오류 요즘은 새로운 프로젝트를 만들 때마다react-native init ProjectName에는 제가 일이 있어요.npx pod-install 다음에 또 한 번.react-native run-ios에러가 납니다.제가 새로 만드는 모든 프로젝트에서 발생합니다. 업데이트해야 하는지 잘 모르겠습니다만, 다음은 오류입니다. CompileC /Users/chaudhrytalha/Library/Developer/Xcode/DerivedData/testapp-fdikhqqgempmsagsnliemealffwv/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit...

JSX 내부의 React에서 숫자를 루프오버하는 방법 번호를 루프하여 jsx를 반환할 수 있어야 합니다.예를들면 {for(i =0; i { return {Array.from(Array(10), (e, i) => { return {i..

React.js에서 Google 글꼴을 사용하는 방법 저는 React.js와 webpack으로 웹사이트를 만들었습니다. 웹페이지에서 구글 폰트를 사용하고 싶기 때문에 링크를 섹션에 넣습니다. 구글 폰트 CSS 설정 body{ font-family: 'Bungee Inline', cursive; } 하지만 작동하지 않습니다. 어떻게 하면 이 문제를 해결할 수 있을까요?메인 또는 첫 번째 로딩 CSS 파일에서는 다음 작업을 수행합니다. @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:regular,bold,italic&subset=latin,latin-ext'); @font-face 등으로 포장할 필요가 없습니다.Google API에..

인라인 스타일 반응 - 스타일 프로포드는 스타일 속성에서 문자열이 아닌 값으로 매핑되어야 합니다. 리액트 어플리케이션에서 인라인 스타일을 설정하려고 합니다.이 경우 스팬은 다음과 같습니다. 반응: 적발되지 않은 불변 위반:그styleprop는 스타일 속성에서 문자열이 아닌 값으로의 매핑을 예상합니다.예를 들어, JSX를 사용할 경우 style=marginRight: spacing + 'em'}을(를)이 DOM 노드는 'SentenceView'에 의해 렌더링되었습니다. 나는 그것이 무엇을 의미하는지 잘 모르겠다. PS: 여러 가지 버전을 시도해 봤기 때문에paddingRight: 5게다가paddingRight: 5 + 'px'게다가paddingRight : 5px하지만 나는 아무런 성공도 거두지 못했어!"..

웹 팩 빌드 vs 리액트 스크립트 빌드 webpack 구성은 다음과 같습니다. { entry: path.join(__dirname, 'src', 'index.js'), output: { path: path.join(__dirname, 'build'), filename: 'bundle.js' }, 이제 빌드는webpack이 react-module 빌드에서 빌드(static에는 별도의 폴더에 css, js 및 미디어가 포함됩니다) 질문:리액트 스크립트 구축에 비해 웹 팩의 특별한 장점이 있습니까?(퍼포먼스에 한정되지 않고 포함) 메모: 패키지.이를 위해 json이 편집되었습니다.Webpack은 범용 번들러로, React 이외의 어플리케이션을 갖추고 있습니다.전에create-react-app웹은 웹 팩을 번들..