Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应-颜色数组将改变颜色<;p>;_Javascript_Reactjs - Fatal编程技术网

Javascript 反应-颜色数组将改变颜色<;p>;

Javascript 反应-颜色数组将改变颜色<;p>;,javascript,reactjs,Javascript,Reactjs,我是React的新手,我有一个应用程序,可以从一个数组中用不同的颜色呈现不同的 至于我的最新代码 const data1=[ {name:'one'}, {name:'two'}, {name:'三'}, {name:'four'} ]; 常量颜色=['#0088FE'、'#00C49F'、'#FFBB28'、'#FF8042']; 导出默认的React.createClass({ render(){ 返回( {data1.map(函数(a){ 返回( {a.name} ) })} ) } }

我是React的新手,我有一个应用程序,可以从一个数组中用不同的颜色呈现不同的

至于我的最新代码

const data1=[
{name:'one'},
{name:'two'},
{name:'三'},
{name:'four'}
];
常量颜色=['#0088FE'、'#00C49F'、'#FFBB28'、'#FF8042'];
导出默认的React.createClass({
render(){
返回(
{data1.map(函数(a){
返回(
{a.name}

) })} ) }
})
您可以使用映射的迭代器相应地设置
p
元素的
样式

在ES6中:

const data1=[
{name:'one'},
{name:'two'},
{name:'三'},
{name:'four'}
];
常量颜色=['#0088FE'、'#00C49F'、'#FFBB28'、'#FF8042'];
类示例扩展了React.Component{
render(){
返回(
{data1.map((a,i)=>

{a.name}

)} ); } } ReactDOM.render(,document.getElementById('View'))
很高兴我能帮忙。如果我的答案解决了您的问题,请单击大复选框接受它作为答案。