使用react-bootstrap

import React from ‘react‘
import ReactDOM from ‘react-dom‘

import Button from ‘./react-bootstrap/lib/Button‘

ReactDOM.render(
  <Button bsStyle="primary">Primary</Button>,
  document.getElementById(‘container‘)
);

  

运行webpack出现报错信息

github

安装了

发现还是报错

打开button.js,发现代码已经经过编译

果断删除.babelrc

运行成功

时间: 2024-10-29 19:06:14

使用react-bootstrap的相关文章

React+BootStrap+ASP.NET MVC实现自适应和组件的复用

系统展示如下 1.前端采用bootstrap3进行架构 2.后端采用asp.net mvc进行开发 开发工具vs2010 mvc4需要安装sp1的补丁. 3.js组件的封装采用react 1.新建mvc项目 BootStrapReactAndMVC.在Views\Shared\新建_Layout.cshtml文件.将bootstrap的引用进行添加. 2.新建HomeController和ReportController两个Controller对象. 3.新建renHangCPU.jsx文件.文

JavaScript周报#184

This week’s JavaScript news Read this issue on the Web | Issue Archive JavaScript Weekly Issue 184June 6, 2014 Editor: Peter Cooper   Featured Create a TV Show Tracker using AngularJS, Node.js and MongoDB — A superbly thorough and well-presented tuto

dfsdf

This project was bootstrapped with Create React App. Below you will find some information on how to perform common tasks. You can find the most recent version of this guide here. Updating to New Releases Create React App is divided into two packages:

前端一些干货

安装build工具: npm install windows-build-tools -g 封装代码成exe工具: enigma virtual box Redux 官方文档中文翻译: http://cn.redux.js.org/docs/introduction/PriorArt.html ELM (functional language)函数式编程语言: http://elm-lang.org/ Redux Demo: http://demo.redux.io/wp-admin/admin

深入浅出 java.String

深入浅出 java.String Java 处理字符串常用的一些方法 Java定义一个字符串 直接定字符串 直接定义字符串表示直接使用""来表示字符串中的内容 String str = "Hello Mujey"; String str; str = "Hello Mujey" 对字符串的赋值操作可以在声明号String类型的句柄之后进行,但是在使用这个对象的之前必须进行赋值操作. 使用String类进行定义 String类位于 java.lan

React、Redux 和 Bootstrap

使用 React.Redux 和 Bootstrap 实现 Alert 今天,我们来学习使用 React.Redux 和 Bootstrap 实现Alert. 例子 这个例子实现了弹出不同类型信息的功能,这些信息默认会在5秒后消失,你也可以手动点击使其消失.如果你在服务端有信息要提示,还可以通过 Redux 的单一数据源传到客户端在渲染页面时显示出来. 源代码: https://github.com/lewis617/react-redux-tutorial/tree/master/r2-bs-

基于 React.js + Redux + Bootstrap 的 Ruby China 示例

最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本, 两个项目都支持响应式布局. 不得不说这是学习新知识的一个有效途径. 这两个项目都比较合适学习 Vue.js 和 React.js 的朋友参考. Vue.js + V2EX 项目 代码地址: https://github.com/liu

BootStrap, React, Vue的比较

目前, 个人了解的前端比较流行的框架是三个: BootStrap, React, Vue 想要为公司选一个作为接下来的前端技术研发方向, 因此作了一番调查, 有点浅见. BootStrap: 特点是栅格系统, 使用简单, 上手容易.  专为响应式页面而生. 一套代码就可以自适应平板电脑和PC. 缺点在于, 缺少一套有力的成体系的组件(当时调查的时候还没有, 现在据说有了), 我在实际使用时, 发生了作用域冲突的问题,  如果没有整理好一整套组件, 开发很累. React: 特点主要有2个: 1.

在React中使用Bootstrap

这几天想在react中用一下bootstrap,尽管有一个适配react的很好的库叫react-bootstrap,但我还是想直接使用bootstrap 可以在react项目中执行以下命令安装bootstrap npm install [email protected]3 --save 或是在bootstrap官网下载打包好的包直接放在react项目的src目录下 在使用的时候,直接在入口文件导入即可 import 'bootstrap/dist/css/bootstrap.min.css';

谈谈APP架构选型:React Native还是HBuilder

原文链接 导读:最近公司的一款新产品APP要进行研发,老大的意思想用H5来做混合APP以达到高效敏捷开发的目的.我自然就开始进行各种技术选型的调研,这里重点想说的是我最后挑选出的2款hybrid app开发技术方案:RN(react native),HBuilder.React Native是大名鼎鼎的Facebook的开源技术框架,而HBuilder是国内的H5工具开发公 司DCLOUD的产品.我自己先总结下吧:这两个技术框架在开发效率上基本上可以媲美WEB开发的速度,RN强调的是“Learn