All Questions

I am trying to display some products. The data is displayed fine. Both the name and the price. The problem comes when I try to display the product images. They appear as broken links. I teach the code

This is the Product Component.

    import { Component } from 'react'
     
    class Producto extends Component {
        render() {
            const producto = this.props.producto
            
            return(
                <div>
                    <img alt={producto.name} src={producto.img} />
                </div>
            )
        }
    }

The Products component

    import { Component } from 'react'
     
    class Productos extends Component {
        render() {

            const { productos, agregarAlCarro } = this.props

            return(
                <div>
                    {productos.map(producto => 
                        <Producto
                            agregarAlCarro={agregarAlCarro}
                            key={producto.name}
                            producto={producto}
                        />
                    )}
                </div>
            )
        }
    }

And finally this is the App component. This is where the product data comes from.

import { Component } from 'react'
import Productos from './components/Productos'

class App extends Component {
    
    state = {
        productos: [
            {name: 'Tomate', price: 1.50, img:'images/tomate.jpg'},
            {name: 'Lechuga', price: 1.20, img:'images/lechuga.jpg'}
        ]
    }

    render() {

    const { productos, agregarAlCarro } = this.props

    return(
        <div>
            <Productos
                agregarAlCarro={() => console.log("No hago nada") }
                productos={this.state.productos}
            />
        </div>
        )
    }
}

These are the three components that I have in my application. The folder structure is this.

Edit: I have tried with a url of an image that I have taken from wikipedia and it has worked. But with the images in the folder it doesn't work.

Hi, I'm doing a course on AWS where I have to add a subnet, I already placed one before and it was a success, but I can't create this second one. This is the data I'm using to address:

IPv4 CIDRs: 172.31.0.0/16

and I want to add in the form IPv4 CIDR blockInfo the following: 172.31.0.1/16

It sends me the following error: CIDR Address overlaps with existing Subnet CIDR: 172.31.0.0/16.

but in the calculator it indicates that I can use that address, since it gives me this range: 172.31.0.1 - 172.31.255.254

What am I doing wrong why can't I use 172.31.0.1/16 ?

Hello, I have the following code.

foreach ($tickets->list as $key => $val) :

 
    $data_fecha =   date("Y-m-d",strtotime($val->data['fec_Emision']['valor'])); 

    if($data_fecha == $data_fecha){
        echo "se repite";
    }
    print_r("<pre>");
    print_r($data_fecha);
    print_r("</pre>");

 endforeach; 

The output is the following:

Of course it reaches today's current date which is 17.

And well what I want to achieve is that every time the date is repeated, I want the others to be eliminated and only one date remains for each query that is made

The query I make is simple and is as follows:

SELECT *  FROM  ticket  WHERE `fec_Emision` >= '2022-10-00' AND `fec_Emision` <= '2022-11-00'ORDER BY `fec_Emision` ASC

And well what I want at the end of all this is that in my ChartJs bar chart it shows me day by day as in the following chart.

And the output I currently have is this

AID!

I have a problem with templates in c++, I have a method that uses them and I declare it in its file .hppbut within the logic of the function I still declare the template but it sends me an error.

// entity.hpp
class Entity {
    public:
        // Start a empty Entity (without transform component)
        Entity(unsigned int id);

        // Manage the component entry and exist of the entity
        void removeComponent ();

        template<typename ComponentType, typename ... ComponentArguments>
        void addComponent (ComponentArguments&& ... componentArguments );

        // Call the base component functions each frame
        void start ();
        void update();

    private:
        // List of component of the Entity
        std::vector<Component*> components;
};

// entity.cpp
template<typename ComponentType, typename ... ComponentArguments>
void Entity::addComponent (ComponentArguments&& ... componentArguments) {
    // Create the new component without specific type passing his arguments (fancy c++ code) and append his owner
    ComponentType *newComponent(new ComponentType(std::forward<ComponentArguments>(componentArguments)...));

    // Add the new component to the component list and mask
    components.emplace_back(newComponent);
}

The error is this, the truth is that I do not understand very well what is happening

PS C:\Users\josem\Documents\game_engine> make
g++ ./src/main.cpp ./src/ECS/entity.cpp -I ./includes -L ./lib -Wall -lraylib -lopengl32 -lgdi32 -lwinmm -o game.exe -O2
C:/msys64/mingw64/bin/../lib/gcc/x86_64-w64-mingw32/12.2.0/../../../../x86_64-w64-mingw32/bin/ld.exe: C:\Users\josem\AppData\Local\Temp\cckj8wGD.o:main.cpp:(.text.startup+0x1e): undefined reference to `void Entity::addComponent<Position>()'
collect2.exe: error: ld returned 1 exit status
make: *** [all] Error 1

I don't know what I have to change to make it work, when I have everything in the file .hppit works, but I would like to have everything in 2 files (not sure if that is good practice though, if not please let me know)

I want my code to run when I type a number into my input, but every time I reload the page the code automatically fires.

const dinero = document.getElementById('ValorGanancia');
dinero.addEventListener('keypress', alert('hola mundo'));

<div class="CalculoCalculadora-IngresoTotal">
  <p>Bill </p>
  <input type="number" name="ValorGanancia" id="ValorGanancia" placeholder="0" value="">
  <span class="Logopesos"> <img class="imgPesos" src="./images/icons8-dólar-estadounidense-24.png" alt="" srcset=""></span>
</div>