小编Jor*_*ris的帖子

React-Native TextInput 防止受控输入的默认设置

所以我用我的状态来控制文本输入,但是当我输入一个字符时,我不希望该字符立即显示。正在发生的事情是这样的: 1. 我专注于文本输入 2. 我输入一个字符。3. 字符快速显示在文本输入中。4. 字符很快消失,并且值恢复到状态,因为状态还没有改变。

我想知道如果状态没有改变,我如何才能阻止角色出现。

这是一个简单的例子:

state = {
 myValue: 'hello'
}

changedText = value => {
  //Nothing here yet
}

...
render(){
  return(
    <Input
      value={this.state.myValue}
      keyboardType="numeric"
      onChangeText={this.highIntervalDurationChange}
    />
  );
}

Run Code Online (Sandbox Code Playgroud)

正如您所看到的,这并不复杂,我只是想找出一种方法,使按下的字符在按下时不会立即出现,因为当前它出现并恢复到状态。(显然,在我弄清楚如何防止默认情况发生后,我将修改状态。)我还尝试将 editable 设置为 false,这使得我根本无法编辑它。谢谢!

state input textinput reactjs react-native

5
推荐指数
0
解决办法
3913
查看次数

Django ImageField 不会显示在网页上

我在我的 Django 模型中使用了一个 imageField 并且当我尝试在 html 中显示它时无法识别照片。

这是我的models.py

from django.db import models

class LatestRelease(models.Model):
    title = models.CharField(max_length=50)
    description = models.CharField(max_length=300)
    cover = models.ImageField(upload_to='personal/static/img/')
    display = models.BooleanField(default=True)
Run Code Online (Sandbox Code Playgroud)

这是view.py

from django.shortcuts import render
from personal.models import LatestRelease

def index(request):
    releases = LatestRelease.objects.all()
    return render(request, "personal/home.html", {'releases': releases})
Run Code Online (Sandbox Code Playgroud)

HTML代码

 {% for release in releases %}
    <img src="{{ release.cover.url }}" class='' height='235' width='235'>
 {% endfor %}
Run Code Online (Sandbox Code Playgroud)

所以基本上,图像路径{{ release.cover.url }}/personal/static/img/[image name] ,我的照片只有在我使用 url 路径/static/img/[image name]作为源时才会出现。

无论如何要取出/personal从创建的字符串{{ release.cover.url …

html python django model imagefield

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

Spotify API 对 api/令牌授权的错误请求错误:400

我正在尝试使用 Spotify API 文档页面上的客户端凭据流来授权 Spotify API 请求。这是我使用 fetch API 的 javascript ES6 格式的代码

    const response = await fetch('https://accounts.spotify.com/api/token', {
    mode: 'no-cors',
    method: 'POST',
    headers: {
      'Authorization': 'Basic Yzg4OWYzMjM5MjI0NGM4MGIyMzIyOTI5ODQ2ZjZmZWQ6MmUzZTM2YTMzMTM5NDM1Mzk3NzM4ZDMxMTg4MzM0Mjc=',
      'Content-type': 'application/x-www-form-urlencoded'
      },
    body: 'grant_type=client_credentials'
});
Run Code Online (Sandbox Code Playgroud)

控制台显示这是一个错误的请求,并且不会返回任何 JSON。

另一件真正让我困惑的事情是,当我使用带有这些标头和正文的 POSTMAN 发送请求时,它返回的正是我想要的(它有效)我不明白这与我正在做的有什么不同...... ?有人可以帮忙吗?

如果这有帮助的话,这里还有 Javascript Jquery Ajax 中邮递员的代码:

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://accounts.spotify.com/api/token",
  "method": "POST",
  "headers": {
    "Authorization": "Basic Yzg4OWYzMjM5MjI0NGM4MGIyMzIyOTI5ODQ2ZjZmZWQ6MmUzZTM2YTMzMTM5NDM1Mzk3NzM4ZDMxMTg4MzM0Mjc=",
    "Content-Type": "application/x-www-form-urlencoded",
    "Cache-Control": "no-cache",
    "Postman-Token": "2f93918d-2e8e-4fb0-a168-7e153dd83912"
  },
  "data": {
    "grant_type": "client_credentials"
  }
}  

$.ajax(settings).done(function (response) {
  console.log(response);
}); …
Run Code Online (Sandbox Code Playgroud)

javascript api post spotify es6-promise

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

React 站点有时无法在移动设备上全屏显示

所以我正在为自己设计一个投资组合网站,我在网站上使用 react-scroll 和 react-animate-on-scroll。有时(通常当你点击投资组合导航链接,然后点击 github 导航链接时)网站不会一直向下滚动到 github 部分,你可以缩小它看起来像这张图片(也只发生在移动视图上):

在此处输入图片说明

只要你点击任何东西,它就会回到全宽......你可以在这里检查网站的行为:https : //jorrharris-website.herokuapp.com/

它甚至在我重新加载页面时也不会发生,通常只有在我执行以下步骤时才会发生: 1. 在 chrome 工具中打开移动设备视图 2. 展开导航栏并单击投资组合链接 3. 再次展开导航栏并单击github链接(它会在github页面之前停止滚动,然后您可以缩小并看到屏幕不是全宽)

几天来我一直试图弄清楚为什么会发生这种情况,但我还没有找到任何东西。

html javascript css node.js reactjs

0
推荐指数
1
解决办法
638
查看次数