ライトボックスが表示されないReactJS

何故私は数分間待っていたのですが、うまくいかなかったのですか、それともポップアップしていませんでした。何が間違っているのか分かりません。ちょうどthis linkに続きました。ライトボックスが表示されないReactJS

は、ここでは、コード

if(ext === "PNG" || ext === "jpg") { 
var images = 
    [ 
    { 
     src: `http://localhost:8933/files/${form.Name}`, 
     title: form.Name, 
    } 
    ] 
    return (
     <Lightbox images={images} 
        showImageModifiers={false} 
        /> 

    ) 
}

であり、これは、それがウェブサイト上で私の出力、それはそれ以下のスピナーを持つのではなく、ポップアップ表示しているものです。

出典

2017-07-13 P.Macs

出力は何ですか？それはあなたが期待するものではありませんか？あなたは、望ましい行動が何であるかを言う必要があります。落札しないように頼むのではなく、よい質問をする方法のヘルプセクションを読んでください。 –

@DarrenSweeneyそのようにポップアップするリンクをクリックしてください。私のことはスピナーだけでした。 –

Lightboxのcssをアプリケーションに組み込んでいないと思っています。私たちがあなたを助けるために、より適切なコードを提供してください。 –

は、私はあなたのアプリケーションにライトボックスのCSSを含めるように逃したと思うし、ここで問題

の原因のthatsはreact-lightbox-componentのソースレポです。 node_modulesフォルダーの下にあるアセットからアプリケーションのSassコードにアクセスしてみてください。

これは、sassファイルのパスとみなされます。node_modules/react-lightbox-component/assets/sass/images.sass

出典

2017-07-13 07:09:31

に新しくなったので、 'varライトボックス= require（ 'react-lightbox-component'）を変更する必要があります。 –

はい、まだes5構文を使用している場合、es6の場合は 'react-lightbox-component''から' import {Lightbox}を使用します。 –

もう一度お話しますが、正しく動作するためには、コンポーネントのsassファイルをアプリケーションのsassファイルにインポートする必要があります。 –

ライトボックスが表示されないReactJS

答えて

関連する問題