小编stk*_*flw的帖子

为什么es6反应组件仅适用于"导出默认值"?

该组件确实有效:

export class Template extends React.Component {
    render() {
        return (
            <div> component </div>
        );
    }
};
export default Template;
Run Code Online (Sandbox Code Playgroud)

如果我删除最后一行,它不起作用.

Uncaught TypeError: Cannot read property 'toUpperCase' of undefined
Run Code Online (Sandbox Code Playgroud)

我想,我不明白es6语法中的一些东西.是不是必须导出没有"默认"的标志?

javascript ecmascript-6

221
推荐指数
2
解决办法
16万
查看次数

使用`\n`在html中换行

我觉得我问的是一个非常菜鸟的问题)有没有办法让HTML正确处理\n换行符?或者我必须替换它们<br/>

https://jsfiddle.net/zawyatzt/

html

156
推荐指数
9
解决办法
31万
查看次数

何时选择App Engine over Cloud Functions?

对不起,如果这是一个天真的问题,但我看了谷歌的工作人员的一堆谈话,仍然不明白为什么我会使用AE而不是CF?

如果我理解正确的话,这两种服务的整体概念就是构建"微服务架构".

  • CF和AE都是无国籍的
  • 两者都假设在有限的时间内执行
  • 两者都可以与dbs和其他gcp apis交互.

虽然,AE必须包装到自己的服务器中.基本上它在与CF相同的功能之上利用了许多复杂性.那么,我何时应该使用它而不是CF?

google-app-engine google-cloud-platform google-cloud-functions serverless

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

在Package控件中找不到某些包:Install Package

我在Package控件中找不到这个包.看起来我的列表已经过时了. https://github.com/babel/babel-sublime 我该如何解决?

Sublime Text 3083

sublimetext3

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

React-native android忽略navigator.geolocation.getCurrentPosition

我正在尝试navigator.geolocation.getCurrentPosition在我的Android设备(飞利浦Xenium)上使用.它在iphone和genimotion模拟器中完全可以正常工作.
navigator.geolocation.getCurrentPosition绝对没有回报 - 没有错误,没有成功.但是,如果我在智能手机中关闭地理定位服务,它将返回No available location provider.

还行,navigator.geolocation.watchPosition工作正常.

android geolocation react-native

17
推荐指数
1
解决办法
3217
查看次数

在没有页面重新加载的情况下更改路由器更改URL

当我使用react-router 0.13.3时,没关系:我正在更改网址并且没有重新加载过渡.

现在,在react-router 2.0中,如果我手动更改URL,我的应用程序将完全重新加载而不是简单的重定向.我如何解决它?

我想用这个:

<a href="/routename">link</a>
Run Code Online (Sandbox Code Playgroud)

相反:

<Link to="/routename">link</Link>
Run Code Online (Sandbox Code Playgroud)

在少数特殊情况下.

路线

import {Router, Route, IndexRoute} from "react-router";
import App from './components/App';
import FrontPage from './components/frontPage/FrontPage';
import User from './components/user/User';
module.exports = (
    <Router>
        <Route path="/" component={App}>
            <IndexRoute component={FrontPage}/>
            <Route path="/user/:userid" component={User}/>
        </Route>
    </Router>
);
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

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

React-native/react-navigation:如何从`static navigationOptions`访问组件的状态?

例如,当你有一个表单组件,并且需要使用导航栏中的按钮提交组件状态的一部分时,如何处理案例?

const navBtn = (iconName, onPress) => (
  <TouchableOpacity
    onPress={onPress}
    style={styles.iconWrapper}
  >
    <Icon name={iconName} size={cs.iconSize} style={styles.icon} />
  </TouchableOpacity>
)

class ComponentName extends Component {

  static navigationOptions = {
    header: (props) => ({
      tintColor: 'white',
      style: {
        backgroundColor: cs.primaryColor
      },
      left: navBtn('clear', () => props.goBack()),
      right: navBtn('done', () => this.submitForm()), // error: this.submitForm is not a function
    }),
    title: 'Form',
  }

  constructor(props) {
    super(props);
    this.state = {
      formText: ''
    };
  }

  submitForm() {
    this.props.submitFormAction(this.state.formText)
  }

  render() {
    return (
      <View>
        ...form …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native react-navigation

15
推荐指数
3
解决办法
8851
查看次数

构建容器时如何制作纱线缓存模块?

这是我的Dockerfile本地开发:

FROM node:12-alpine

WORKDIR /usr/app

ENV __DEV__ 1

COPY package.json ./
COPY yarn.lock ./
RUN yarn --frozen-lockfile

COPY tsconfig.json ./
COPY nodemon.json ./

RUN apk add --no-cache tini
ENTRYPOINT ["/sbin/tini", "--"]

CMD [ "yarn", "dev" ]

Run Code Online (Sandbox Code Playgroud)

这就是我构建它的方式:

docker build --rm -f Dockerfile.dev --tag my-app .
Run Code Online (Sandbox Code Playgroud)

这就是我运行它的方式:

docker run --rm -it --volume $(pwd)/src:/usr/app/src -p 3000:3000 my-app
Run Code Online (Sandbox Code Playgroud)

仅当文件夹外部的内容发生更改时,我才需要构建它src。例如,当我安装节点模块时。如何yarn在某处缓存模块,这样就不会在每个构建上提取所有模块。

docker yarnpkg

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

如何动态添加重定向到react-router?

我有登录组件,该组件应该可供未经身份验证的用户使用.在身份验证之后,此组件应该变得不可用.

   var routes = (
      <Route handler={App}>
        <Route name="signIn" handler={signIn}/>
        {/* redirect, if user is already authenticated */}
        { localStorage.userToken ? (
            <Redirect from="signIn" to="/user"/>
          ) : null
        }
      </Route>
    );

Router.run(routes, (Handler, state) => {
  React.render(<Handler {...state}/>, document.getElementById('main'));
});
Run Code Online (Sandbox Code Playgroud)

如果用户在身份验证后因任何原因重新加载了webapp,则此代码非常有用,但当然如果用户没有重新加载webapp,则不会.我试图使用this.context.router.transitionToSignUp组件,但它工作得很糟糕 - 组件被渲染,然后这个脚本被执行.

所以我想将重定向权限添加到routes变量中,以使路由器重定向,甚至不用尝试渲染组件.

flux reactjs react-router

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

firebase的哪些部分实际上与react-native一起工作,哪些不兼容?

这里是firebase功能"列表"

  • Analytics(分析)
  • 云消息传递
  • 远程配置
  • 动态链接
  • 通知
  • 邀请
  • 测试实验室
  • 崩溃报告
  • AdMob广告
  • 存储
  • 实时数据库
  • 谷歌广告关键词
  • 认证
  • 应用索引

但是,至少,它们中的一些不能正常工作,有些根本不能使用react-native.

让我们分享我们处理所有这些服务的经验.我希望,这将澄清FB对于本机应用程序有什么好处.

我将在这里存储摘要:

  • Analytics(分析)
  • 云消息传递
  • 远程配置
    • 不支持
  • 动态链接
    • 不支持
  • 通知
  • 邀请
    • 不支持
  • 测试实验室
    • 不支持
  • 崩溃报告
  • AdMob广告
  • 存储
  • 实时数据库
    • Web(JS)SDK不支持:脱机数据持久性
  • 谷歌广告关键词
  • 认证
    • 谷歌,Facebook(等)auth根本不受支持.可能的解决方案包括第三方库,firebase-native-sdk网桥等.没有很好的解决方案atm.
  • 应用索引

firebase react-native

13
推荐指数
1
解决办法
2432
查看次数