内部地图内容不呈现
问题描述:
当我渲染comments
阵列在这片代码comment
不显示到部件,这是一个reactjs代码内部地图内容不呈现
var Board = React.createClass({
getInitialState: function() {
return{comments: ['i am rohith','some call me drohi','some call me rogi']}
}
render: function() {
return(
<div className="board">
{
this.state.comments.map(function(text,i){
return(<Comment key={i}>{text}</Comment>);
})
}
</div>
);
}
});
当我呈现此片的代码串在评论数组中没有显示到组件
答
我看到state
缺少那里,不能在您的代码片段的渲染功能访问。
this.state.comments
我做了一些更改,看看是否有帮助。
你可以修改代码片段。对于`Comment`组件也https://codesandbox.io/s/6RxBYqpBQ
import React from 'react';
export default class Board extends React.Component {
constructor(props) {
super(props);
this.state = {
comments: ['i am rohith', 'some call me drohi', 'some call me rogi'],
};
}
render() {
return (
<div className="board">
{this.state.comments.map(function(text, i) {
return <span key={i}>{text} <br /></span>;
})}
</div>
);
}
}
添加代码? –
虽然试图用“div”而不是“Comment”操作它,所以请添加“Comment”代码 –