drt12345678 2018-10-10 19:25
浏览 76
已采纳

Laravel - React组件不喜欢在其他comps中导入comps

Hey I'm super new to Laravel and finally was able to get a react component to show up on the screen. however when I import another component for example.

import ReactDOM from "react-dom" import SelectInput from "../components/SelectInput" import React from "react" export default class Head extends React.Component { render() { return ( <div> header <SelectInput /> </div> ) } }ReactDOM.render(<Head />, document.getElementById("Head"))

//test
import React from "react"
import styled from "styled-components"

const Container = styled.container``

class SelectInput extends React.Component {
    render() {
        return <div>test</div>
    }
}

export default SelectInput

Compiler Image DevTools Image

heres my Babelrc File. { "presets": [ [ "env", { "modules": false } ], "react" ], "plugins": ["babel-plugin-transform-class-properties"] }

It will render the component when Im not trying to import Test but when its uncommented it will render nothing on the screen. could it be Laravel doesn't compile it? any thoughts on what it may be?

I'm on Laravel 5.5.44

  • 写回答

1条回答 默认 最新

  • dongzhan1383 2019-02-25 23:31
    关注

    Looks like my error was having styled components within. If anyone has this issue I fixed it by downlaoding babel-plugin-styled-components then adding "babel-plugin-styled-components", { "displayName": false } to my babel.rc file Thanks Salman for helping out

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 Bibtex4Word 引用中文文献
  • ¥20 用opencv c/c++ 转换成灰度图,然后做一下直方图均衡,输出mp4文件
  • ¥20 matlab中的双层数值积分
  • ¥50 服务器打印水晶报表问题
  • ¥30 gradle环境下javafx项目如何使用druid连接池
  • ¥15 服务器打印水晶报表问题
  • ¥18 深度学习tensorflow1,ssdv1,coco数据集训练一个模型
  • ¥100 关于注册表摄像头和麦克风的问题
  • ¥30 代码本地运行正常,但是TOMCAT部署时闪退
  • ¥15 关于#python#的问题