小编Xav*_* C.的帖子

从React Native中的数组映射函数动态渲染内容

我正在尝试从数组中获取数据并使用map函数来呈现内容.看着

**{this.lapsList()}** 
Run Code Online (Sandbox Code Playgroud)

和相关的

**lapsList()** 
Run Code Online (Sandbox Code Playgroud)

功能,以了解我正在尝试做什么.结果是什么都没有显示(视图下的视图等)这是我的简化代码:

class StopWatch extends Component {

constructor(props) {
  super(props);

  this.state = {
    laps: []
  };
}

render() {
  return (
    <View style={styles.container}>
        <View style={styles.footer}>
          <View><Text>coucou test</Text></View>
          {this.lapsList()}
        </View>
    </View>
  )
}

lapsList() {

    this.state.laps.map((data) => {
      return (
        <View><Text>{data.time}</Text></View>
      )
    })

}

_handlePressLap() {

  console.log("press lap");

  if (!this.state.isRunning) {

    this.setState({
      laps: []
    })

    return

  }

  let laps = this.state.laps.concat([{'time': this.state.timeElapsed}]);

  this.setState({
      laps: laps
  })

  console.log(laps);

}
Run Code Online (Sandbox Code Playgroud)

}

javascript ecmascript-6 react-jsx react-native

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

使用jQuery动态检查和取消选中复选框:bug?

我制作了一个脚本来控制主从复选框(自动检查和取消选中).

这是我的JS:

$(document).ready(function() {

    $('#myCheck').click(function() {
        $('.myCheck').attr('checked', false);
    });
    $('.myCheck').click(function() {
        if ($('.myCheck').is(':checked')) {
            $('#myCheck').attr('checked', false);
        } else {
            $('#myCheck').attr('checked', true); // IT DOESN'T WORK, WHY ?
            alert("Checkbox Master must be checked, but it's not!");
        }
    });

});
Run Code Online (Sandbox Code Playgroud)

这是我的HTML:

<input type="checkbox" id="myCheck" checked="checked" />&nbsp;&nbsp;Checkbox Master<br />
<input type="checkbox" class="myCheck" value="1" />&nbsp;&nbsp;Checkbox Slave 1<br />
<input type="checkbox" class="myCheck" value="1" />&nbsp;&nbsp;Checkbox Slave 2
Run Code Online (Sandbox Code Playgroud)

看看我简单的JsFiddle来理解这个问题.

编辑1:像Inser说,问题发生在jQuery 1.9.2及更高版本.jQuery 1.8.3没有更多问题.奇怪...

编辑2: Inser找到解决方案,使用.prop('checked',true)代替.attr('checked',true).看看下面的评论......

checkbox jquery

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

React Native:嵌套在文本节点下的意外视图类型

我在Android上遇到此错误.为了以防万一,我使用react-native-maps.你知道它是什么来的吗?

设备错误

react-native

10
推荐指数
2
解决办法
3571
查看次数

ImageMagick:调整图像大小(矩形到正方形); 保持主要对象的宽高比

我有肖像和风景JPEG图像.

我想制作带有白色背景的方形缩略图.我需要保持所有图像的纵横比,并将较大的边框缩小到200px.

我想使用ImageMagick(CLI),但我不知道该怎么做.任何的想法 ?

缩略图生成

这是个人图片:

图片1 图2

image imagemagick thumbnails command-line-interface

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

检查是否在具有React Native的设备上安装了某个应用程序

从我的应用程序,我正在尝试检查是否安装了另一个应用程序(在我的示例中,谷歌地图).所以我试着用:

Linking.canOpenURL('comgooglemaps://?daddr=' + address + '&directionsmode=walking').then(supported => {...}).catch(err => console.error('An error occurred', err));
Run Code Online (Sandbox Code Playgroud)

但它返回它不支持,所以它就像没有安装谷歌地图.你知道解决这个问题的方法吗?

react-native

7
推荐指数
1
解决办法
3225
查看次数

Bootstrap typeahead会导致div,可能吗?

我正在尝试将预先输入的结果放到我页面上的特定div中.我得到了JSON回调数据,但我不知道如何使用它来填充特定的div.进程函数具有列出结果的唯一效果,无论其长度如何,都在搜索字段下.

这是我的代码,你知道如何利用回调数据来填充特定的div吗?

$('#search').typeahead({
          source: function(query, process) {
              $.ajax({
                  url: '/action/search.php?action=autocomplete',
                  type: 'POST',
                  data: 'query=' + query,
                  dataType: 'JSON',
                  async: true,
                  success: function(data) {
                      //process(data);
                  },
                  minLength: 1
              });
          }
    });
Run Code Online (Sandbox Code Playgroud)

typeahead bootstrap-typeahead

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

TextInput 在位于 Modal 中时有时不会聚焦

我打开一个模态,上面有一个TextInput。我的TextInput组件的autoFocus设置为true。我可以说我的TextInput在 10(打开/关闭Modal)上集中了大约 6 次。当它没有聚焦时,如果我尝试点击(甚至多次)TextInput,它就不想聚焦。

我做了另一个测试,我将autoFocus设置为false。当我打开我的 Modal 时,我立即点击 TextInput 以获得焦点,有时我必须点击两次才能获得焦点。所以,就像在我可以点击并获得焦点之前没有完成加载一样。如果我做同样的测试,但在我第一次点击之前我等待了大约 2 秒,我总是得到焦点。

那么你知道Modal / TextInput / Keyboard之间是否存在冲突吗?

这是我的代码,以防万一:

    return (

        <View style={styles.container}>

          <TouchableOpacity
            style={styles.addressButton}
            onPress={() => {
              this.props.feedList([]);
              this.props.onPressBackButton();
            }}
          >
            <Linearicon name="arrow-left" size={30} color="white" />
          </TouchableOpacity>
          <View
            style={styles.searchBox}
          >
            <Linearicon style={styles.searchIcon} name="magnifier" size={16} color="#999999" />
            <TextInput
              style={[styles.searchBoxText, styles.searchBoxTextInput]}
              placeholder="Recherchez une adresse..."
              autoFocus={false}
              placeholderTextColor='#999999'
              autoCorrect={false}
              onChangeText={(text) => this.onChangeText(text)}
              value={this.state.address}
            />
          </View> …
Run Code Online (Sandbox Code Playgroud)

react-native

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

如何在 React Native 中检测键盘类型切换?

我想知道用户何时在数字键盘上键入空格以切换到默认键盘(带字母)。我会听键盘类型开关,然后将其保存为状态。任何的想法?

react-native

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

在Atom(编辑)中显示侧边栏?

我有一个简单的问题.我已经安装了Atom和包nuclide-commons,但是当我打开一个文件夹时,我看不到任何带有Atom中文件列表的侧边栏.我正试图找到一种方法/快捷方式来展示它,但我失败了.它甚至没有在主菜单中提到......

任何提示?谢谢.

atom-editor

4
推荐指数
2
解决办法
2540
查看次数

Blueimp文件上传:我的DELETE链接不起作用

这是我的表格(基本上传):

<span class="btn btn-success fileinput-button">
    <span>Select files...</span>
    <input id="fileupload" type="file" name="files[]" multiple>
</span>
<br>
<div id="files" class="files"></div>
Run Code Online (Sandbox Code Playgroud)

这是我的脚本:

$(function () {
    $('#fileupload').fileupload({
        url: 'server/php/',
        dataType: 'json',
        add: function (e, data) {
            data.context = $('<p/>').text('Uploading...').appendTo('#files');
            data.submit();
        },
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').html('<a href="#" class="text-danger delete" data-type="' + file.deleteType + '" data-url="' + file.deleteUrl + '" title="Delete">Delete</a>').appendTo('#files');
            });
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

我的上传没问题但是当我点击DELETE链接时,没有任何反应.看来这个链接没有效果.也许我错过了包含的东西?

任何的想法 ?

jquery blueimp jquery-file-upload

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