reactjs - Value empty in react UI but visible in the console -

-

i using react flux. when checked in console, values coming when check in react developer tools, expected value empty. if sending single object working fine. if array sent, nothing displayed.

can please tell problem? code , image of same below.

code:

var product = react.createclass({    render: function(){     var product = this.props.product;      return (<div classname="col-md-8"><hr/>         {product.map(function(items){                            console.log(" items in field :"+json.stringify(items));                          <div classname="col-sm-6">                     <div classname="col-sm-4">                     <img src={"/src/image/"+ items.image}/>                     </div>                     <div classname="col-sm-2">                     <h2> {items.name}               </h2>                     <p>  {items.description}   </p>                     <h3> price: ${items.price} </h3>                     <h4>inventory: {items.inventory}</h4>                     </div>             </div>         })}             </div>           )    }   });

image 1

image2

you need return function call

var product = react.createclass({    render: function(){     var product = this.props.product;      return (<div classname="col-md-8"><hr/>         {product.map(function(items){                            console.log(" items in field :"+json.stringify(items));              return (<div classname="col-sm-6">                     <div classname="col-sm-4">                     <img src={"/src/image/"+ items.image}/>                     </div>                     <div classname="col-sm-2">                     <h2> {items.name}               </h2>                     <p>  {items.description}   </p>                     <h3> price: ${items.price} </h3>                     <h4>inventory: {items.inventory}</h4>                     </div>             </div>);         })}             </div>           )    }   });

Comments

Post a Comment

Popular posts from this blog

PHP while loop dynamic rowspan -

-
Image
consider table example using these table wanted print table these adding rowspan item id 1002. here php code $temp_val = ''; $counter = 1; $sql_sel = mysqli_query($con,"select * item_table"); while($res_sel = mysqli_fetch_array($sql_sel)){ if($temp_val == $res_sel['item_id']){ $counter++; echo "<tr></tr>"; } else{ echo "<tr><td rowspan='".$counter."'>".$res_sel['item_id']."</td></tr>"; } $temp_val = $res_sel['item_id']; } echo "</table>"; it's not correct, it's adding rowspan item id 1003 you should switch code inside else , if statement
Read more

javascript - image slideshow using canvas HTML5 -

-
i trying create image slideshow using html5 canvas , little bit of javascript. problem following: slideshow works fading effect want first passing through image set, , after that, images drawn canvas without effect, , keeps going that. html: <canvas id="showcanvas" width='600' height='400'>canvas not supported</canvas> javascript: <script type="text/javascript"> var imagepaths = ["images/j0149014.jpg","images/j0149024.jpg","images/j0149029.jpg"]; var showcanvas = null; var showcanvasctx = null; var img = document.createelement("img"); var currentimage = 0; var revealtimer; window.onload = function (){ showcanvas = document.getelementbyid('showcanvas'); showcanvasctx = showcanvas.getcontext('2d'); img.setattribute('width','600'); img.setattribute(...
Read more

go - Golang: panic: runtime error: invalid memory address or nil pointer dereference using bufio.Scanner -

-
i implementing go program uses bufio.scanner , bufio.writer have packaged code follows package main import ( "fmt" "player/command" "strings" ) func main() { //enter code here. read input stdin. print output stdout commands.scanner.scan() { //scan new line , send comand variable check command exist or not input := strings.split(strings.trim(commands.scanner.text(), " "), " ") command := input[0] if command == "" { fmt.printf("$ %s:", commands.pwd) continue } if !commands.commands[command] { commands.throwerror("cannot recognize input.") } else { commands.execute(command, input[1:], nil) } fmt.printf("$ %s:", commands.pwd) } } i using init.go file in main package follows package main import ( "flag" "player/sourc...
Read more