Question

在渲染返回时获取“意外令牌”

render() {
   return (

无法理解为什么会这样。我在render函数里面有花括号吗？！

export class NoteList extends React.Component {
constructor(props) {
   super(props);
   state = {cnt: 0}
}

componentDidMount() {
   this.state.cnt = 0;
}

appendNoteToDiagram = (note, index) => {

   this.state.cnt++;
   let xpos = this.state.cnt;
   let ypos = this.state.cnt * 60;
   return (<Note x-position="{xpos}" y-position="{ypos}" width="100" 
            height="50" stroke-color="red" fill-color="red" text=" 
            {note.text}">);
 }

 render() {
   return ( // <<<<<< Error Here
       { this.props.notes.map((note, index) => (
           return appendNoteToDiagram(note, index)
       ))}
   );
 }
}

Answer 1

将此JSX放在div中。

<div class = "col-sm-3"> <?php $comm_total += $data['sales_comm'];
echo $comm_total; ?>

Answer 2

您使用的是foo.forEach((fooPoint) => { fooPoint.hour = fooPoint.hour - this.state.timeZoneOffset < 0 ? fooPoint.hour - this.state.timeZoneOffset + 24 : foorPoint.hour - this.state.timeZoneOffset; });而不是(，这没有意义，因为您正在调用一个函数。理想情况下，由于有{函数签名，我将对此进行更改：

appendNoteToDiagram

对此：

  return (
       { this.props.notes.map((note, index) => (
           return appendNoteToDiagram(note, index)
       ))}
   );

Render函数中意外的令牌返回。反应本机

2 个答案: