Advertencia: accesorio desconocido en la etiqueta <>. Eliminar este accesorio del elemento
Soy nuevo en reaccionar y estaba aprendiendo subclases de uno de los ejemplos de Lynda. Estoy creando una nueva clase de subcomponente llamadaaptList
y usandothis.props.eachItem.ownerName
para recorrer cada índice del archivo JSON dondeownerName
Es una propiedad.
Este es el error que obtengo cuando lo ejecuto en el navegador. Los datos se obtienen pero elprop
no se reconoce de acuerdo con el error
sin embargo, la consola de reacción parece estar obteniendo el JSON bien
Este es el código que se enseña en Lynda
var React = require('react');
var ReactDOM = require('react-dom');
var createReactClass = require('create-react-class');
var aptList = createReactClass({
render: function(){
return(
<li>{ this.props.eachItem.ownerName }</li>
);
}
});
var MainInterface = createReactClass({
getInitialState: function(){
return {
title: 'Items',
show: function(x){
if(x>10){
return true
}
else {
return false
}
},
myData: []
}
},
componentDidMount: function(){
this.serverRequest = $.getJSON('static/scripts/src/myData.json', function(results){
var tempData = results;
this.setState({
myData: tempData
});
}.bind(this));
},
componentWillUnmount: function(){
this.serverRequest.abort();
},
render: function(){
var style = {
color: 'red',
fontWeight: 900
};
var reactData = this.state.myData;
reactData = reactData.map(function (each, index) {
return (
<aptList eachItem = { each }
key = { index }/>
)
}.bind(this));
return (
<div>
<h1>{ this.state.show(12) ? 'List of ':null }{ this.state.title }</h1>
<ul style={style}>
{ reactData }
</ul>
</div>
)
}
});
ReactDOM.render(
<MainInterface/>,
document.getElementById('testid')
);