Como poner un componente dentro de otro en ReactJS

Necesito poner un componente dentro de otro en ReactJS…

Tengo un componente que se llama Fondo el cual utilizo como fondo de todas las paginas y funciona perfectamente:

import React, {Component} from 'react'; import './Styles.css'; class Fondo extends Component {   render() {     return (       <div className="Fondo">Esto es el fondo</div>    );  } } export default Fondo;  

Y otro que se llama Monitor (Que es un bloque div el cual quiero posicionar dentro de Fondo) que al ponerlo luego de se ven los dos perfectamente… ahora, aquí viene el problema:

import React, {Component} from 'react'; import './Styles.css'; class Monitor extends Component {   render() {     return (       <div className="Monitor">Esto es el fondo</div>        );   }; } export default Monitor; 

Todo esto va dentro de una pagina llamada Display y necesito que Monitor se vea dentro de Fondo, cosa que no he logrado hasta ahora…

import React, {Component} from 'react'; import ReactDOM from 'react-dom'; import { Link } from 'react-router-dom'; import Fondo from '../../components/fondo'; import Monitor from '../../components/monitor'; import './Styles.css';  class Display extends Component {     render(){     return (         <div>             <Fondo > Dentro de esto </Fondo>              <Monitor> Quiero meter esto</Monitor>             </div>       );    } } export default Display;   

/* Intenté hacer esto **<Fondo> <Monitor> </Monitor> </Fondo>** pero entiendo que no es la forma indicada de hacerlo, si pueden ayudarme les agradecería mucho, se vienen cosas grandes genios!!! */

comunicar dos servidores de sockets en python (pasar mensajes uno al otro) con colas y threads

We need to show an example of servers socket comunication in python, we have two very simple server python sockets, S1 and S2, and two clients C1 connect to S1 and C2 to S2, what we want is when C1 connect to S1 and send a message, S2 display that message. and when C2 connect to S2 and send a message, S1 display that message, is it possible to do with queue.Queue and threads ?

Es necesario mostrar un ejemplo de comunicacion entre dos servidores de sockets en python. tenemps dos servidores muy simples que atienden a sus clientes a traves de threads, S1 y S2 independientes pero identicos y dos clientes muy simples tambien, C1 y C2, lo que se quiere es que cuando C1 se conecte a S1 y le envie un mensaje sea S2 quien lo imprima por pantalla y cuando C2 se conecte a S2 y le envie un mensaje sea S1 quien lo imprima por pantalla, es posible hacer eso con queue.Queue y threads ?

Un fragment se superpone al otro pero no desaparece

Tengo creado un recyclerView en un fragment con un onClick listener para cambiar a otro fragment, pero a la hora de hacerlo el fragment nuevo se superpone al recyclerView sin inhabilitar este haciendo que siempre que se pulse en alguno de los item situados en el recyclerView provoque un cambio de fragment. El codigo de cambio entre fragments es el siguiente Fragment fragment = new ProductsFragment(); Bundle args = new Bundle(); fragment.setArguments(args); FragmentTransaction transaction = getActivity().getSupportFragmentManager().beginTransaction(); transaction.replace(R.id.fragment_home, fragment); transaction.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN); transaction.addToBackStack(null); transaction.commit();

He tratado de buscar una solución para que deje de pasar pero no soy capaz de encontrar ninguna. Agradeceria mucho cualquier ayuda

igualar el ancho de un elemento a otro existente

tengo  span clase ‘.uno’ y un div clase ‘.dos’ quiero igualar el ancho del div con el span para leer el ancho uso  uno.offsetWidth y para copiarlo en el div uso:  dos.style.width = uno.offsetWidth+’px’;   pero no consigo igualarlo le paso el codigo completo, me gustaría saber como porder hacerlo, muchas gracias     

si uso jquery no tengo ningun problema sale perfecto, he observado que con el inspector del navegador las medidas son un pco diferentes ya que offsetWidth redondea, si uso getBoundingClientRect.width si me da la misma medida que en css pero al aplicar el estilo el ancho es un poco mas grande que el primer elemento.

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>Document</title>     <style type="text/css">         body{             padding: 0;             margin: 0;             background: #DEC8C8;         }          .contenedor{             margin: 20px;             padding: 20px;             width: 500px;             background-color: #CED9EA;             border: 1px solid black;          }         .uno{             padding: .2rem;             background-color: green;             border: 1px solid black;         }          .dos{             padding: .2rem;             background: blue;             border: 1px solid black;         }      </style> </head> <body>      <div class="contenedor">         <span class="uno">hola amigo como estas</span>         <br>         <div class="dos">hola</div>     </div>      <script type="text/javascript">         let uno = document.querySelector('.uno');         let dos = document.querySelector('.dos');          console.log('uno offsetWidth:'+ uno.offsetWidth);          console.log('uno clienttWidth:'+ uno.clientWidth);          console.log('dos offsetWidth:'+ dos.offsetWidth);          console.log('dos clienttWidth:'+ dos.clientWidth);            dos.style.width = uno.offsetWidth+'px';      </script>  </body> </html> 

Cómo puedo mandar un dato de un form a otro form para despues compararlo en una funcion de boton?

Lo que planeo hacer es que en mi primera forma se registre el correo y contraseña y que en la siguiente forma esos datos se evalúen con los datos nuevos que se van a ingresar(datos que se van a pedir para iniciar sesión en la siguiente forma) y que estos se comparen cuando el usuario de clik en el botón de iniciar.

if (nombre.Length > 0 && apellido.Length > 0 &&            Verifica_Correo(correo) == true && contraseña.Length >= 11)         {             if(checkBox1.Checked == true && checkBox2.Checked == true &&                checkBox3.Checked == true && checkBox4.Checked == true)             {                 logg_ form_loog = new logg_(); //Aquí se va iniciar la forma número dos para poder entrar a la pedida de datos de inicio de sesión                    form_loog.Show();             }         } 

//Forma uno que pide los datos de registro introducir la descripción de la imagen aquí

//Forma dos que pide los datos de nuevo para iniciar sesión introducir la descripción de la imagen aquí

como dar privilegios grant al usuario root mysql 8 para acceder desde otro host

estoy intentado acceder desde fuera a mi bd pero no me deja con el usaurio root mi servidor es debian 10 y mi bd es mysql 8 he probado a darle permisos pero me da el siguiente error alguien sabe que pasa ??:

mysql> GRANT ALL PRIVILEGES ON * . * TO 'root'@'0.0.0.0'; ERROR 1410 (42000): You are not allowed to create a user with GRANT 

Como generar un archivo php a partir de un formulario de otro archivo php

quisiera saber como puedo hacer lo siguiente: Estoy hice un Blog de un juego, se como hacer un CMS con PHP y MySQL, también se mostrar el contenido de la base de datos en un archivo, ejemplo blog.com/blogs?page=2 y por el ID mostrar el contenido en donde quiero mostrarlo, pero como podría hacer para que en el formulario pueda asignar el nombre del archivo, el contenido de el y crear un nuevo archivo php, algo como blog.com/blogs/pagina2, así podría salir la búsqueda en Google tal como hacen todos los foros o blogs, para ser mas claros, alguien acá hace una pregunta, el link sería algo como https://stackoverflow.com/questions/1022607/como-crear-un-archivo-php-desde-php

¿Cómo puedo copiar las propiedades de un objeto que se encuentra dentro de otro?

Tengo un array de objetos ejemplo:

[{   id: 123,  name: 'test',  description: 'this is a test product'  cart: [   {    id: 124,    price: 500,    qty: 3   },   {    id: 125,    price: 500,    qty: 3   }  ],  image: '',  total_elements: 'Aquí quiero poner la suma de los objetos hijos" }]; 

Como podría recorrer ese array de objetos y el array de objetos que se encuentra interno para poder copiar la propiedades del objeto hijo pasarlas al objeto padre?

Este proceso lo hago en mi action de un module en vuex.

Muchas gracias por su ayuda.