小编Jef*_*wen的帖子

如何在与Typecript的React中使用引用

我正在使用带有React的Typescript.我无法理解如何使用refs以获得关于refs引用的react节点的静态类型和intellisense.我的代码如下.

import * as React from 'react';

interface AppState {
    count: number;
}

interface AppProps {
    steps: number;
}

interface AppRefs {
    stepInput: HTMLInputElement;
}

export default class TestApp extends React.Component<AppProps, AppState> {

constructor(props: AppProps) {
    super(props);
    this.state = {
        count: 0
    };
}

incrementCounter() {
    this.setState({count: this.state.count + 1});
}

render() {
    return (
        <div>
            <h1>Hello World</h1>
            <input type="text" ref="stepInput" />
            <button onClick={() => this.incrementCounter()}>Increment</button>
            Count : {this.state.count}
        </div>
    );
}}
Run Code Online (Sandbox Code Playgroud)

typescript reactjs

88
推荐指数
7
解决办法
7万
查看次数

React Native Reload和Dev Tools不起作用

TL; DR - 我的React Native项目成功运行/渲染.设备震动能力的重装或开发工具无法正常工作.


我按照本指南在现有项目中设置了React Native .我能够使用以下内容成功呈现我的React Native视图:

  1. 在项目根目录中: (JS_DIR=pwd/js; cd node_modules/react-native; npm run start -- --root $JS_DIR)
  2. 在Xcode中构建并运行项目

但是,一旦模拟器运行,我就无法使用command+ r来重新加载JavaScript,也无法使用command+ control+ z来显示开发人员工具.

我没有react-native init <ProjectName>用来创建项目.我正在将React Native添加到现有的Swift项目中.我没有使用,react-native run-ios因为它抛出以下错误:

** BUILD FAILED **


The following build commands failed:
    CompileC /Users/username/Sites/iOS/project-name/build/Build/Intermediates/Pods.build/Local-iphonesimulator/FXBlurView.build/Objects-normal/x86_64/FXBlurView.o FXBlurView/FXBlurView/FXBlurView.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
    CompileC /Users/username/Sites/iOS/project-name/build/Build/Intermediates/Pods.build/Local-iphonesimulator/FXBlurView.build/Objects-normal/i386/FXBlurView.o FXBlurView/FXBlurView/FXBlurView.m normal i386 objective-c com.apple.compilers.llvm.clang.1_0.compiler
    CompileC /Users/username/Sites/iOS/project-name/build/Build/Intermediates/Pods.build/Local-iphonesimulator/FXBlurView.build/Objects-normal/x86_64/FXBlurView-dummy.o Target\ Support\ Files/FXBlurView/FXBlurView-dummy.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
    CompileC /Users/username/Sites/iOS/project-name/build/Build/Intermediates/Pods.build/Local-iphonesimulator/FXBlurView.build/Objects-normal/i386/FXBlurView-dummy.o Target\ Support\ Files/FXBlurView/FXBlurView-dummy.m normal …
Run Code Online (Sandbox Code Playgroud)

ios reactjs react-native

5
推荐指数
1
解决办法
2336
查看次数

标签 统计

reactjs ×2

ios ×1

react-native ×1

typescript ×1