小编Hum*_*01d的帖子

React Native检测点击View

我正在写一个React Native应用程序,我想检测屏幕上任何位置的点击/点击,所以我在我的<View>元素上放了一个onClick处理程序,但它似乎没有工作.这是我的渲染功能:

<View style={styles.container} onClick={this.onClick}>
    <Text style={styles.welcome}>
        Tap to change the background
    </Text>
</View>
Run Code Online (Sandbox Code Playgroud)

我需要做什么?

react-native

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

如何为Pug,React和ES6设置webpack

我正在尝试使用React和ES6建立一个网站.我正在使用Webpack来使用Babel来转换我的JS,它运行正常.现在我需要知道如何在Pug(或HTML)中编写我的模板,并将其添加到Webpack工作流程中.我希望我的构建文件夹有两个文件:

  1. 我的 bundle.js
  2. 我的index.html文件是从我的index.pug文件编译的

一个示例webpack.config.js文件会有所帮助,但我真正想要的只是如何做到这一点的一般想法.

谢谢!

javascript reactjs webpack pug

6
推荐指数
1
解决办法
4445
查看次数

使用 React Form、Flask 服务器和 Flask-WTF 保护 CSRF

TL;DR 我需要保护我的表单免受 CSRF 攻击,我想在前端使用 ReactJS,在后端使用 Flask/Flask-WTF。

我正在重构一个使用 Python、Flask 和 Flask-WTF 构建的用于表单的网站,我想将 React 用于前端,而不是通过 PyPugjs 使用 Jinja2。我正在使用 Flask-WTF 来呈现表单,它负责处理 CSRF 令牌等。我知道如何使用 React 制作表单,但如何获得 CSRF 保护?

现在我的表单渲染看起来像这样:(使用 Pug)

mixin render_form(form, id='', action='Submit')
    form(method='POST', action='', id=id)
        =form.csrf_token

        each field in form
            fieldset
                if field.errors
                    each error in field.errors
                        .notification.error
                            #{error}

                #{field(placeholder=field.label.text)}

        button(type='submit') #{action}
Run Code Online (Sandbox Code Playgroud)

javascript csrf-protection flask-wtforms reactjs

6
推荐指数
2
解决办法
3202
查看次数

你如何跳转到git中的第一个提交?

如何跳转到git存储库中的每个提交的第一个?另外,有没有办法通过网站在Github上做到这一点?

git github

6
推荐指数
1
解决办法
7243
查看次数

React Native动态更改视图的背景颜色

我正在尝试创建一个应用程序,每次点击屏幕时背景颜色都会改变.我有点击事件工作,但我不知道如何更改背景颜色.

这是我现在的代码:

import React, {Component} from 'react';
import {
    AppRegistry,
    StyleSheet,
    Text,
    View,
    TouchableHighlight
} from 'react-native';

let randomHex = () => {
    let letters = '0123456789ABCDEF';
    let color = '#';
    for (let i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

export default class randomBackground extends Component {
    constructor(props) {
        super(props)

        this.onClick = this.onClick.bind(this)
    }
    onClick() {
        console.log('clicked ')
    }
    render() {
        return (
            <TouchableHighlight onPress={ this.onClick } style={styles.container}>
                <View> …
Run Code Online (Sandbox Code Playgroud)

javascript react-native

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

什么是好的 Gravatar 示例电子邮件?

在 Ember.js 文档中看到类似的一个演示后,我刚刚制作了一个演示,该文档根据您的电子邮件获取您的头像。我目前使用 tomster@emberjs.com 作为默认值,但这似乎是错误的,因为它是一个 React 应用程序。有没有人知道一个好的默认使用?

gravatar demo

3
推荐指数
1
解决办法
2467
查看次数

将Github页面重定向到自定义域

我创建了一个Github Pages站点,并将其放在github帐户的存储库abc上,用户名为xyz.所以,我的网站现在在xyz.github.io/abc上.我使用自定义域创建了一个cname文件,并使用Gi​​thub页面上的设置配置了我的DNS.现在,我的网站也在mycustomdomain.com上发布.现在,我不希望我的网站在xyz.github.io/abc上运行.我希望它重定向到mycustomdomain.com或无法访问.有没有办法做到这一点?我知道我可以创建用户页面站点(使用username.github.io),该站点将自动重定向到自定义域,但我想创建项目站点.有什么建议?

github github-pages

1
推荐指数
3
解决办法
2824
查看次数