cafebook

리액트 네이티브로 안드로이드 앱을 만들 수 있나요? 최근 출시된 리액션 네이티브 기능은 iOS 앱 예시와 문서뿐입니다.네. React Native for Android는 2015년 9월 14일에 출시되었습니다. 문서: http://facebook.github.io/react-native/ 아니요. 이 릴리스에서는 Android 앱을 만들 수 없습니다. Facebook은 안드로이드 버전을 만들고 있다는 것을 나타내며, "6개월을 주세요"라는 유명한 말을 했고, 일부 사람들은 이를 약속으로 받아들였다.6개월이 지나면 공개될 것이라는 환상을 바탕으로 비즈니스상의 중요한 결정을 내리지는 않겠지만, 적어도 우리에게 접근권을 주기 전에 생산 준비가 완료되는 것에 대해 진지하게 생각하고 있다는 점, 그리고 단순히 희..

반응 – 폼 요소 상태를 형제/부모 요소에 전달하는 올바른 방법? C1과 C2의 두 가지 자식 클래스를 렌더링하는 React 클래스 P가 있다고 가정합니다. C1에는 입력 필드가 포함되어 있습니다.이 입력 필드를 Foo라고 합니다. 내 목표는 C2가 Foo의 변화에 반응하도록 하는 것이다. 두 가지 해결책이 떠올랐는데 둘 다 옳지 않다고 느껴요. 첫 번째 솔루션: P로 합니다.state.input. 작성하다onChange: "P"를 설정합니다.state.input. 을 건네주세요.onChange을 C1로 props을 C1로 바인드 합니다.this.props.onChangeonChange★★★★★★ 。 이거 되는구나.변경될 가 .setState따라서 P는 C2에 전달하기 위한 입력을 갖게 됩니다. 하지만 ..

리액트 라우터 컴포넌트에 예기치 않은 토큰 < 오류가 있습니다. 리액트 앱의 라우터 컴포넌트를 작성하려고 합니다.새로운 리액트 클래스를 만들고 componentDidMount 메서드로 몇 가지 루트를 정의합니다.이것은 완전한 방법입니다. componentDidMount: function () { var me = this; router.get('/', function(req){ me.setState({ component: }); }); router.get('/realty', function(req){ me.setState({ component: }); }); router.get('/realty/:id', function(req){ me.setState({ component: }); }); }, '/' 또는..

create-react-app을 사용하여 작성된 리액트 프로젝트의 웹 팩 구성을 업데이트하려면 어떻게 해야 합니까? create-react-app을 사용하여 리액트 프로젝트를 만들었습니다.이제 웹 팩 구성을 업데이트해야 하는데 파일을 찾을 수 없습니다.이 파일을 직접 작성해야 합니까?아니면 어떤 프로세스가 필요합니까?나는 반응하는 것이 처음이고 어떻게 해야 할지 잘 모르겠다.실행할 필요가 없다npm run eject 순서 1 npm install react-app-rewired --save-dev 순서 2 더하다config-overrides.js프로젝트 루트 디렉토리로 이동합니다.(./src 아님) // config-overrides.js module.exports = function override(c..

React CSS가 컴포넌트 범위를 Import하도록 하는 방법 다음과 같은 CSS/컴포넌트 구조를 가진 컴포넌트가 몇 개 있습니다. About/style.css .AboutContainer { # Some style } p > code { # Some style } 그리고 CSS를 다음과 같이 컴포넌트에 Import합니다. About/index.js import './style.css'; export default class About extends Component { render() { # Return some component } } 단, CSS는 로 Import 됩니다.글로벌하게 유지됩니다. CSS는 다음과 같습니다. 이 구성요소 내에서 렌더링된 항목에만 스타일이 적용되는 방식으로 구성요소 범위..

리액트에서 이진 데이터를 이미지로 표시하는 방법은 무엇입니까? Nodejs 서버에서 Bindata를 받고 있습니다.그것으로부터 이미지를 표시할 필요가 있습니다. 어떻게 하면 좋을까요?Bindata를 JPEG나 다른 형식으로 변환하는 방법이 있습니까?아니면 서버에서 변환한 후 이미지를 전송하여 대응할 수 있습니까? 바이너리 데이터를 표시하는 방법은 다음과 같습니다.item.Image.data.data이미지 태그 포함: 자세한 리액션 코드 스니펫은 다음과 같습니다. componentDidMount(){ let self = this; axios.get('http://localhost:8080/list') .then(function(data) { console.log(data); self.setState({po..

현재 폴더에 직접 React 앱을 만드는 방법 전에 해본 적은 있지만 어디에서도 답을 찾을 수 없을 것 같아요.이미 있는 폴더 내에 완전히 다른 폴더를 만들지 않고 create-react-app을 실행하고 싶습니다.명령어에 부가된 깃발에 불과하다고 생각합니다. 디렉토리에 React 을 새로 수 .React 앱은 "React"라고 쓰면 ..츠요시 create-react-app . 」를 인스톨 하고 는, 「 」create-react-app를 하여 글로벌하게npm install -g create-react-app 「 」를 를 언인스톨 을 추천합니다.npm uninstall -g create-react-app 확실하게 npx는 항상 최신 버전을 사용합니다. 의 create-react-appv3): npx cre..

파일을 번들하지 않도록 웹 팩 가져오기 그래서 현재 저는 웹 팩(.tsx 파일 구축 및 .html 파일 복사용)과 개발 서비스용 웹 팩-dev-server를 조합하여 사용하고 있는 프로토타입을 사용하고 있습니다.리액트와 리액트 DOM도 라이브러리의 의존관계로서 사용하고 있다고 가정할 수 있습니다.현재 빌드 출력은 다음과 같습니다. dist -favicon.ico -index.html -main.js -main.js.map // for source-mapping between tsx / js files 그러면 모든 모듈이 배치됩니다(라이브러리의존관계도 포함).최종 결과는 다음과 같습니다. dist -favicon.ico -index.html -appName.js -appName.min.js -react.j..

React.createRef를 사용하는 경우 전류는 항상 null입니다. 난 이걸 하려고 했어. 뭔가 놓치고 있는 게 틀림없는데 왜 그런 건지 모르겠어요.current항상 있다null를 참조해 주세요. class App extends React.PureComponent { constructor(props) { super(props); this.test = React.createRef(); } render() { return current value : {this.test.current + ""}; } } 제 테스트 케이스는 이쪽에서 확인하실 수 있습니다.왜냐하면 당신이 어떤 돔 요소에 ref를 할당하는 것을 잊어버렸기 때문이다.작성만 하고 있습니다. 다음과 같이 적습니다. class App extends..

mocha 테스트에서 웹 팩에일리어스 사용 React/Redux/Webpack에서 웹 앱을 개발하고 있으며, 현재 Mocha와의 테스트를 통합하고 있습니다. Redux 설명서의 테스트 기술 지침을 따랐지만 웹 팩 별칭에 문제가 발생했습니다. 예를 들어, 작업 작성자 중 한 명을 위해 이 테스트의 Imports 섹션을 확인하십시오. import expect from 'expect' // resolves without an issue import * as actions from 'actions/app'; // can't resolve this alias import * as types from 'constants/actionTypes'; // can't resolve this alias describe('A..