小编Tom*_*son的帖子

React项目中的Bootstrap需要jQuery

我正在开发一个React.js项目,而不是使用React-Bootstrap,我将Bootstrap的CSS加载到我的项目中.我现在需要导入jQuery,以便我可以使用下拉菜单等.

入口点文件(index.js) - 希望它能工作

'use strict'
import React from 'react'
import { Route, Router, IndexRoute, browserHistory } from 'react-router'
import { render } from 'react-dom'

// Pages
import Main from './pages/main/main'
import Home from './pages/home/home'
import About from './pages/about/about'
window.jQuery = window.$ = require('jquery/dist/jquery.min')
import '../node_modules/bootstrap/dist/css/bootstrap.min.css'
import '../node_modules/bootstrap/dist/js/bootstrap.min.js'

render((
  <Router history={browserHistory}>
    <Route name='home' path='/' component={Main}>
      <IndexRoute component={Home} />
      <Route name='about' path='about' component={About} />
    </Route>
  </Router>), document.getElementById('app'))
Run Code Online (Sandbox Code Playgroud)

Webpack文件

'use strict'
const path = require('path')
const webpack = require('webpack')

module.exports = { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery reactjs twitter-bootstrap-3

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

AWS AppSync:如何通过 DynamoDB 返回有效的 JSON

我有一个 AppSync GraphQL API,可以对 DynamoDB 进行查询并返回 JSON 字符串,但是在我的响应映射模板中,我使用此处$util.parseJson()列出的内置函数- 但我仍然在查询窗口中返回 JSON 字符串,并且在我的 React 应用程序中请求数据时。

架构文件,我有一个 AWSJSON 类型的普通 ID 和地址字段。

type Venue {
  id: ID!
  address: AWSJSON
}
Run Code Online (Sandbox Code Playgroud)

运行突变时,我通常通过快速运行地址对象JSON.stringify(addressObj),并将对象格式化为带有“\”转义的字符串,这意味着它可以插入到 DynamoDB 中。

请求映射模板

{
  "version": "2017-02-28",
  "operation": "GetItem",
  "key": {
    "id": $util.dynamodb.toDynamoDBJson($ctx.args.id),
  }
}
Run Code Online (Sandbox Code Playgroud)

响应映射模板

#set($result = $ctx.result)

## address - parse back to JSON
#set($result.address = $util.parseJson($ctx.result.address))

## Return the result
$util.toJson($result)
Run Code Online (Sandbox Code Playgroud)

创建新变量然后将值分配给该值的想法parseJSON取自如何使用 appsync 从 DynamoDB 返回 JSON 对象?。因此,如下所示,我正在通过似乎正确的方法来解析该值,将其从字符串化 JSON 转换为对象 - 但它似乎不起作用。 …

json amazon-web-services amazon-dynamodb apollo aws-appsync

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

React Native等效于React.createElement

在查看React时,特别是React(虚拟)DOM术语,我想知道是否有React Native的等价物,或者更确切地说,如何修改它以用于Native?

我想要撰写一个视图,它由一个组成<Text> <TouchableHighlight> <TouchableHighlight>.这两个<TouchableHighlight>元素将递增和递减计数器(<Text>标签).

有没有办法我可以将这些参数传递给一个类似的函数React.createElement,将返回带有这些元素的视图?

javascript reactjs react-native

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

通过CodePush或AppHub部署应用程序

我正在构建一个允许用户使用React Native构建自己的应用程序的系统.这发生在React网站上.每个用户都将拥有一个包含框架代码的基础应用程序,但是他们在网站上构建的应用程序应该能够轻松地部署到手机并存在于骨架应用程序中.

有可能首先这样做吗?另外,AppHub还是微软的CodePush允许我这样做?

我意识到这些应用程序是为部署新版本而构建的,但我希望将特定代码推送给特定用户.

reactjs react-native

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

JSON对象 - 在React Native中访问值

在我的React Native应用程序中,我使用的是RNDBModels包,它是AsyncStorage的包装器.目前我正在通过RNDBModel保存一个JSON对象并且该方法正常工作,但是访问数据证明是具有挑战性的.

当代码从get方法返回时,它返回到JSON对象内部,我基本上会喜欢结果中的值,因此我可以迭代它以获取列表.

返回的结果:

 { 
  '1': 
    { 
      name: 'Galaxy', 
      description: '20gram bars', 
      _id: 1 
    },
  '2':
    {
      name: 'Snickers', 
      description: 'Hazelnuts', 
      count: 2, 
      _id: 2 
    }
 }
Run Code Online (Sandbox Code Playgroud)

并且期望的结果是我可以轻松地遍历数组中的对象,然后在React Native中呈现列表.

[
 { 
    name: 'Galaxy', 
    description: '20gram bars', 
    _id: 1 
 },
 {
    name: 'Snickers', 
    description: 'Hazelnuts', 
    count: 2, 
      _id: 2 
  }
 ]
Run Code Online (Sandbox Code Playgroud)

访问价值观的任何建议?我试过使用Object.keys然后随后Object.values无济于事.

javascript json node.js react-native

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