c# – Problema con Componente COM

Alguien me podría orientar respecto a un problema con un componente COM en c#, esto para adjuntarlo a un Form, con el framework .NET, el COM en cuestión es El Windows Media Player(WMP), he tratado de realizar un reproductor de video, la función de agregar a lista, abrir archivos todo bien, pero este al intentar reproducirlos no lo hace y mas bien me cierra el programa, no he programado ninguna función para que cuando se reproduzca algo se cierre, en depuración me sale un error que corresponde a esto: termino con código -1073741819 (0xc0000005) ‘Access violation’.

He intentado probar el programa en diferentes computadoras, pero es el mismo problema, este no reproduce, simplemente se cierra.

Cualquier ayuda será, bienvenida.

Angular componente anidado genera un espacio innecesario

Soy nuevo usando angular y no sé como formular mi pregunta espero me puedan ayudar a comprender como funciona este framework.

Tengo creado este componente llamado app-list-item el cual contiene otros componentes hijos:

<app-list-item>
    <app-list-avatar><i class="mdi mdi-send"></i></app-list-avatar>
        <app-list-content>
            <app-list-title>Talara</app-list-title>
            <app-list-subtitle>Ciudad</app-list-subtitle>
         </app-list-content>
  </app-list-item>

El problema está en que genera un ‘espacio’ en cada componente creado
introducir la descripción de la imagen aquí

y así con cada componente.
Espero me ayuden o tenga que reformular la pregunta.

angular – As colunas dos dias da semana no componente Calendar no PrimeNG não renderizam corretamente

Olá, peguei um projeto em que é usado o componente Calendar do PrimeNG mas as colunas do componente estão “comprimidas” e os valores com dois dígitos estão sendo renderizados um sobre o outro, ao invés de um do lado do outro. Gostaria de saber qual propriedade poderia estar configurada para causar isso, como podem ver na imagem em anexo calendar primeng.

Já tentei alterar algumas mas nenhuma reflete no problema.

reactjs – ¿Cómo hacer que el estado de un componente hijo repercuta en el del padre?

Estoy intentando hacer un menú hamburguesa con react. Para esto utilizo una librería externa que al agregar la clase “is-active” al botón del menú este realiza la animación correspondiente, para que en vez de ser la opción de “abrir el menú” sea la opción de “cerrar el menú”.

Los dos componentes son estos:

Componente padre:

import MenuHamburguesa from './MenuHamburguesa';
import Menu from './Menu';

export default function Header(props){
    return(
        <header className="header">
            Merluzadepincho
            <MenuHamburguesa/>
            <Menu/>
        </header>
    );
}

Y componente hijo (el botón del menú):

import '../hamburgers-master/dist/hamburgers.css';
import React, { useState } from 'react';

export default function MenuHamburguesa(props){
    const (className, setclassName) = useState("hamburger hamburger--minus");
    
    let isActive = () =>{
        className.includes("is-active") ?
        setclassName("hamburger hamburger--minus") :
        setclassName("hamburger hamburger--minus is-active");
    }

    return(
        <button className={className} type="button" onClick={isActive}>
            <span className="hamburger-box">
                <span className="hamburger-inner"></span>
            </span>
        </button>  
    );
}

Sin embargo necesito que al cambiar el estado del componente hijo (MenuHamburguesa), el componente <Menu> (que hasta el momento era invisible), se vuelva visible. ¿Cómo puedo hacerlo siendo que <Menu> está en un nivel superior que <MenuHamburguesa>, pero es <MenuHamburguesa> el que posee en onClick?

‘import {componente} from ‘@component/component’ da erro no storybook

quando há uma importação neste modelo,o storybook me retorna "module not found,cant resolve" como resolvo ?

tentei inumeras configurações de webpack e main,nada resolveu

javascript – Pegar dados de um componente e passar para outro

Estou construindo um aplicativo focado em mostrar os repositórios e informações do Github de um usuário. Em um componente “Section”, eu busco esses repositórios e os exibo na tela. No outro componente “Menu” eu queria exibir o número de repositórios mostrados na “Section”. Como eu usaria props pra resolver esse problema ?

Section Component

import React, { useState } from 'react'
import axios from 'axios'
import { Square, Wrapper, Input, Button } from './Section.styled'

export default function Section() {

  const (username, setUsername) = useState("");
  const (loading, setLoading) = useState(false);
  const (repos, setRepos) = useState(());

  const searchRepos = () => {
    setLoading(true);
    axios({
      method: "get",
      url: `https://api.github.com/users/${username}/repos`,
    }).then(res => {
      setLoading(false);
      setRepos(res.data);
      
    })
  }
  
  const handleSubmit = (e) => {
    e.preventDefault();
    searchRepos()
  }

  const renderRepo = (repo)=>{
    return(
      <Square>
        {repo.name}
     </Square>
    )
  }

  return (
    <>
      <Wrapper>
        <Input
          placeholder="Usuário"
          value={username}
          onChange={e => { setUsername(e.target.value) }}
        />
        <Button
          onClick={handleSubmit}
          type="submit">
          {loading ? "Buscando..." : "Buscar"}
        </Button>

        
          {repos.map(renderRepo)}
        
      </Wrapper>
    </>
  )
}



Menu Component

import React from "react";
import { bool } from "prop-types";
import { StyledMenu } from "./Menu.styled";


const Menu = ({ open, ...props }) => {
  const isHidden = open ? true : false;
  const tabIndex = isHidden ? 0 : -1;

  return (
    <>
      <StyledMenu open={open} aria-hidden={!isHidden} {...props}>
        <a href="/" tabIndex={tabIndex}>
          Repositories: 
        </a>
        <a href="/" tabIndex={tabIndex}>
          Followeres:
        </a>
        <a href="/" tabIndex={tabIndex}>
          Following:
        </a>
      </StyledMenu>
    </>
  );
};

Menu.propTypes = {
  open: bool.isRequired,
};

export default Menu;

App.js

import React, { useState, useRef } from "react";
import { ThemeProvider } from "styled-components";
import { useOnClickOutside } from "./hooks";
import { GlobalStyles } from "./global";
import { theme } from "./theme";

import { Burger, Menu } from "./components";
import Header from './components/Header/Header'
import Section from './components/Section/Section'
import FocusLock from "react-focus-lock";

function App() {
  const (open, setOpen) = useState(false);
  const node = useRef();
  const menuId = "main-menu";

  useOnClickOutside(node, () => setOpen(false));

  return (
    <ThemeProvider theme={theme}>
      <>
        <GlobalStyles/>

        <div ref={node}>
          <FocusLock disabled={!open}>
            
            <Header/>
            <Burger open={open} setOpen={setOpen} aria-controls={menuId} />
            <Menu open={open} setOpen={setOpen} id={menuId} />
          </FocusLock>
        </div>
      </>
    </ThemeProvider>
  );
}

export default App;

javascript – herdar informações de outro componente – react

como posso pegar a img e o texto de um card para ser exibido em um outro componente no reactJS?

              <div>
                    <img src={img3} className="card-img-top" alt="..."/>
                        <div className="card-body">
                            <p className="card-text">340.00</p>
                        </div>
                </div>

esse codigo acima é um dos cards, quero pegar a imagem e o preço para levar para a tela de detalhes, que ate entao estao com uma img e preço fixo

        <div>
             <img src={Logo}/>
            <p>R$ 320.00</p>
        </div>

javascript – Actualizar estado de componente con React Hooks

Estoy trabajando con unos campos de selección que me envían los datos desde dos componentes hijos hasta un componente padre. Hasta ahí todo bien.
Recibo los datos y puedo imprimirlos por consola correctamente.
El problema comienza acá. Al momento en el cual quiero guardar el arreglo con los datos en una variable de estado e imprimo esta variable, sale como el estado no ha actualizado. Es decir, imprime un arreglo vacío.
Dejo el código para que puedan verlo.

const ( location, setLocation ) = useState(());

const setLocationData = (data) => {

    setLocation(data);

    console.log(location); // Aquí imprime () cuando debería imprimir el arreglo que contiene data

}

typescript – Enviar *ngIf al componente padre mostrar u ocultar columna en tabla de angular

Quisiera saber como puedo realizar esto:

Tengo un filtro en un componente hijo, que tiene unos checkbox lo que debe de hacer es al yo seleccionarlo mostrarme u ocultarme una columna en una tabla, como hago para poder comunicar esto al componente padre, mi código esta así:

ComponenteHijo.ts

@Output() check = new EventEmitter<boolean>();
ocultarTelefono: boolean
ocultarNombre: boolean

ComponenteHijo.html

<input type="checkbox" (checked)="!ocultarTelefono" (change)="ocultarTelefono = !ocultarTelefono"/>
<input type="checkbox" (checked)="!ocultarNombre" (change)="ocultarNombre = !ocultarNombre"/>

y en el componente padre en el html tengo lo siguiente:

<componente-hijo></componente-hijo>

    <thead>
            <tr>
                 <th *ngIf='!ocultarTelefono'>Telefono</th>
                 <th *ngIf='!ocultarNombre'>Nombre</th>
           </tr>
    </thead>
 <tbody>
          <tr>
            <td *ngIf='!ocultarTelefono'>858585858</td>
            <td *ngIf='!ocultarNombre'>Lorem ipsum</td>
          </tr>
 <tbody>

Cuando tenia todo el codigo en el componente padre funcionaba normal, pero ahora necesito pasar todo al componente hijo y que se siga ocultando o mostrando las columnas si esta o no checked el input.
no se si exista otra manera

javascript – Dividir código cuando el componente es muy grande NextJS – React

poniendo en contexto me encuentro realizando una plataforma un tanto más grande de lo que siempre he solido trabajar con NextJS.

(No puedo pasar código ni repo porque el proyecto no me deja).

Planteamiento del problema:

Resulta que en esta plataforma en la que estoy trabajando, hay muchas funciones, valla, es una plataforma relativamente grande, y después de una semana y unos días de estar trabajando en ella, me doy cuenta de que por más que divida el código en funciones, aparte mis estilos en otros archivos, divida funciones en otros archivos el código sigue siendo demasiado grande, cosa que la verdad no me gustaría para futuras actualizaciones y también es mucho mejor un código más limpio.

Posibles soluciones implementadas:

Entre las soluciones que ya he implementado están:

  • Dividir el código en funciones.
  • Las funciones que pueda las aparto en un archivo aparte.
  • Tener los styled components en un archivo aparte.
  • Reciclar lo repetitivo

Esta lista la enumero con el fin de que alguien me ayude a llenarla más, ya que como antes bien he dicho, con estas prácticas mi código sigue quedando bastante grande, y de verdad que ya he recurrido a varios foros y ayudas y no me han servido.

Espero su pronta respuesta. Gracias de antemano!