相关疑难解决方法(0)

如何使用条件元素并使用Facebook React的JSX保持DRY?

我如何选择在JSX中包含一个元素?下面是一个使用横幅的示例,如果已经传入,该横幅应该在组件中.我想要避免的是必须在if语句中复制HTML标记.

render: function () {
    var banner;
    if (this.state.banner) {
        banner = <div id="banner">{this.state.banner}</div>;
    } else {
        banner = ?????
    }
    return (
        <div id="page">
            {banner}
            <div id="other-content">
                blah blah blah...
            </div>
        </div>
    );
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-jsx

226
推荐指数
10
解决办法
14万
查看次数

React-native:检测开发或生产环境

我开发了一个react-native应用程序,其中应该进行一些API调用.

如果我处于生产模式,我的应用应该调用,例如,这个主机:

https://example.com/
Run Code Online (Sandbox Code Playgroud)

但如果我处于开发模式,它应该在不同的端口上调用我的本地主机,例如:

http://192.168.0.10:8080/
Run Code Online (Sandbox Code Playgroud)

本机代码如何能够了解其环境?

.dotenv 似乎不适用于react-native.

在Chrome调试中,我们可以看到应用程序是使用一些参数启动的:

Running application "AppName" with appParams: {"initialProps":{},"rootTag":1}. __DEV__ === true, development-level warning are ON, performance optimizations are OFF
Run Code Online (Sandbox Code Playgroud)

我们可以__DEV__在应用程序中获得此值吗?

谢谢

javascript android react-native

30
推荐指数
1
解决办法
1万
查看次数

查看 React-Native Android 版本构建上的控制台日志

我目前面临的问题仅存在于 Android 的生产/发布版本中。是否可以运行调试器或查看生产/发布版本的日志?

android react-native

8
推荐指数
1
解决办法
6293
查看次数

react-native捆绑程序可以检测未使用的文件吗?

考虑一个场景,在这种情况下,我们react-native使用release模式构建应用程序,同时具有如下代码:

let img;
if ( __DEV__ ) {
  img = require('./debug-image.png');
} else {
  img = require('./real-image.png');
}
Run Code Online (Sandbox Code Playgroud)

我的问题是,都将debug-image.pngreal-image.png获得捆绑到APK(即使debug-image.png是从未使用过其他任何地方),还是所述捆绑检测该debug-image.png文件没有使用(不包括成捆)?

preprocessor assets bundler babeljs react-native

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

设置调试或发布| React Native - iOS

如何在React Native for iOS(Xcode)中设置调试或发布模式,就像我们在Build Setting-> LLVM Preprocessor over Native code中所做的那样?有什么办法或者我需要在JS代码中指定吗?如果没有办法,那么我们应该如何在React Native JS Code中访问Xcode设置的属性?

xcode ios reactjs react-native

4
推荐指数
1
解决办法
6859
查看次数