我有一个对象数组.我想映射这个对象数组.我知道如何映射数组,但无法弄清楚如何映射对象数组.这是我到目前为止所做的:
我要映射的对象数组:
const theData = [
{
name: 'Sam',
email: 'somewhere@gmail.com'
},
{
name: 'Ash',
email: 'something@gmail.com'
}
]
我的组件:
class ContactData extends Component {
render() {
//works for array
const renData = this.props.dataA.map((data, idx) => {
return <p key={idx}>{data}</p>
});
//doesn't work for array of objects
const renObjData = this.props.data.map(function(data, idx) {
return <p key={idx}>{data}</p>
});
return (
<div>
//works
{rennData}
<p>object</p>
//doesn't work
{renObjData}
</div>
)
}
}
ContactData.PropTypes = {
data: PropTypes.arrayOf(
PropTypes.obj
),
dataA: PropTypes.array
} …我有这个工作,不记得我改变了什么,现在页面加载但没有反应呈现在屏幕上.不确定错误在哪里.运行webpack -m后跟npm start时没有错误发生
webapp文件夹就像这样......
这是重要的文件
的WebPack
module.exports = {
entry: './app/App.js',
output: {
path: './public',
filename: 'bundle.js',
},
devServer: {
inline:true,
contentBase: './public',
port: 3333
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel'
}
]
}
}
的package.json
{
"name": "newaccount",
"version": "1.0.0",
"description": "a form submission for new accounts",
"main": "App.js",
"scripts": {
"start": "webpack-dev-server"
},
"author": "---",
"license": "ISC",
"dependencies": {
"react": "^15.4.1", …我有一个对象数组，我想更新一些内容。我想我可以只映射对象，找到我正在寻找的匹配，然后更新它。
data = data.map(obj => {
return this.state.objToFind === obj.title;
}).map(obj, idx) => {
console.log("found " + obj.title); // reads found + undefined?
obj.menu = this.state.menu;
obj.title = this.state.title;
obj.content = this.state.content;
});
然而，这是行不通的。我找到了该对象，但 obj.anything 未定义。我的 console.log 读取“发现未定义”。
我正在尝试使用React创建一个简单的联系表单.最终,我将从状态收集的数据发送到数据库,但是现在我正试图让控制台记录正确的值.
现在,电子邮件字段会覆盖名称字段,当我控制日志记录这两个状态时,名称显示并且电子邮件未定义.这是我的React组件
import React, { Component, PropTypes } from 'react';
import ContactData from '../data/ContactData.js';
class FormContact extends Component {
constructor(props) {
super(props)
this.state = {
name: '',
email: '',
textArea: ''
}
}
handleChange(event) {
event.preventDefault();
this.setState({
name: event.target.value,
email: event.target.email
})
}
handleSubmit(event) {
event.preventDefault();
console.log(this.state.name + ' ' + this.state.email);
}
render() {
return (
<form onSubmit={this.handleSubmit.bind(this)}>
<label> Name:
<input type="text" placeholder="Name" value={this.state.name} onChange={this.handleChange.bind(this)} />
</label><br />
<label> Email:
<input type="text" placeholder="Email" value={this.state.email} onChange={this.handleChange.bind(this)}/>
</label><br />
<input className="btn …据我了解，此查询将专门针对我的 iPad Air 2 并应用我添加的样式。但是，没有应用任何内容，并且看起来与桌面视图相同。我必须为我的网站应用不同的菜单才能在 iPhone 上正确滚动（overflow-y:scroll/hidden 不起作用，因此我创建了多个显示菜单选项的部分，而不是在 div 中显示内容），但我我在定位 iPad 时遇到了麻烦，因为它们也无法正常滚动。
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
/***
my css goes here
**/
}
我搜索了一些类似的问题，但找不到解决我的问题的方法，所以就在这里。
我正在尝试创建一个简单的翻盖盒。
按下盒子并翻转到背面。
再次按下盒子并翻转回正面。
我的问题是翻盖看起来很糟糕，一旦翻到背面，翻盖卡就不会再翻回正面。我刚刚开始学习 SASS，我正在制作这张翻转卡来获得一些使用 SASS mixin 的经验。一旦我开始工作，我就会清理它。
这是我当前的代码。
HTML：
<div class="flip3D">
<div class="front">Front Box</div>
<div class="back">Back Box</div>
</div>
CSS（SASS）：
@mixin flipCard($width, $height, $color) {
width: 0;
height: 0;
margin: 10px;
//display: block;
//display: inline-block;
float: left;
.front {
position: absolute;
-webkit-transform: perspective(600px) rotateY(0deg);
transform: perspective(600px) rotateY(0deg);
background: $color;
width: $width;
height: $height;
border-radius: 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: transform .5s linear 0s;
transition: transform .5s linear 0s;
//z-index: 1002;
}
.back {
position: absolute;
-webkit-transform: perspective(600px) rotateY(180deg); …收到此错误...
编辑route.js以反映更改
./app/config/routes.js中的错误找不到模块：错误：无法在/ Users / sam / Desktop / battle / app / config @ ./app/config/routes.js中解析模块'react-rounter'2： 19-43
我已经将webpack和react-react-dom-react-router-babel等安装到了我的npm软件包中。当我运行npm start时，出现上述错误。这是我的package.json / webpack config / router.js文件
package.json
{
"name": "battle",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"production": "webpack -p",
"start": "webpack-dev-server"
},
"author": "Sam Schaefer <smmschaefer@gmail.com>",
"license": "ISC",
"dependencies": {
"react": "^15.4.0",
"react-dom": "^15.4.0",
"react-router": "^3.0.0"
},
"devDependencies": {
"babel-core": "^6.18.2",
"babel-loader": "^6.2.8",
"babel-preset-react": "^6.16.0",
"html-webpack-plugin": "^2.24.1",
"webpack": "^1.13.3",
"webpack-dev-server": "^1.16.2"
}
}
webpack.config
var HtmlWebpackPlugin = require('html-webpack-plugin')
var HTMLWebpackPluginConfig …我正在尝试将char字符串解析为INT.
如果我有...
unsigned char color[] = "255"
并希望将其解析为INT.我该怎么做呢？
我试过了...
unsigned char *split;
split = strtok(color," ,.-");
while(split != NULL)
{
split = strok(NULL, " ,.-);
}
这只是给了我现在拆分的值255.
我觉得我需要像......
int y = split - '0'; //but this makes an INT pointer without a cast
我已经检查过与此主题相关的其他帖子,并使用该atoi函数转换字符串,但值始终为0.
以下是存储在以下内容中的值hold4:
char hold4[4] = { "0", "." , "1", "5", "\0");
然后我尝试转换为一个int,我得到
int hm = atoi(hold4);
hm 打印出来:
hm = 0
我希望hm是0.15,因为这是值hold4.我想将此值用于后续的数学运算.
这是我的代码:
int x = 0;
int pixel = 0;
char hold[10];
char hold4[4];
for(x=0; x < linesCount; x++)
{
fscanf(model, "%c", &hold[x]);
if(hold[x] == '\0' || hold[x] == '\r' || hold[x] == '\n')
{
hold4[0] = hold[x-4];
hold4[1] = hold[x-3];
hold4[2] = hold[x-2];
hold4[3] = hold[x-1];
hold4[4] …