Warum kann nicht ein reagieren zustandslose Funktion ein array zurückgeben?

Hier ist meine stateless-Funktion, die versucht, liefert ein array der Elemente:

function DeliveryPreference (props) {
  return [
      <h4>
        Delivery Preference
        </h4>,
        <div className='yesNoCheckbox'>
          <input type="radio" value={'tube'} onChange={props.onChange} id='tube' checked={props.value === 'tube'}/> <label htmlFor='tube'>Tube</label> <br/>
          <input type="radio" value={'plate'} onChange={props.onChange} id='plate' checked={props.value === 'plate'}/> <label htmlFor='plate'>Plate</label><br/>
        </div>
  ];
}

Kann mir jemand erklären, warum ich dies nicht tun können, und/oder einen work-around?

Vielen Dank!

Bearbeiten:
Hier ist ein minimal-Beispiel der Fehler:

function App (props) {
    return [
    <div>1</div>,
    <div>2</div>,
    ]
}


ReactDOM.render( 
    <App/>
    , document.getElementById('root')
);
  • kannst du alle Fehler sehen?
  • ja: Warnung: DeliveryPreference(…): Keine render Methode, die sich auf der zurückgegebenen Komponente Beispiel: Sie haben möglicherweise vergessen, zu definieren render, kehrte null/false von einer stateless Komponente, oder versucht zu Rendern eines Elements, dessen Typ eine Funktion, die nicht Reagieren Komponente.
  • Ich glaube nicht, dass die Ausgabe kommt von der Funktion selbst, sondern die Art und Weise Sie Sie verwenden. Wir brauchen mehr code.
  • Ich bearbeitete Sie, und fügen Sie mehr info
InformationsquelleAutor majorBummer | 2016-01-15



Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.