Javascript 反应-颜色数组将改变颜色<;p>;
我是React的新手,我有一个应用程序,可以从一个数组中用不同的颜色呈现不同的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} ) })} ) } }
至于我的最新代码
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'))代码>
很高兴我能帮忙。如果我的答案解决了您的问题,请单击大复选框接受它作为答案。