react-statements 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
react-statements 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
react-statements 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !

软件简介

react-statements是一个很小的React语句控制组件,更漂亮的条件渲染方法。

安装

npm i --save react-statements
yarn add react-statements

栗子

import { If } from 'react-statements'class Example extends React.Component {
  constructor(props) {
    super(props);    this.state = {logic: true};
  }
  render() {    return (      <div>
        <If when={this.state.logic}>
          <p>我是一些组件内容</p>
        </If>
      </div>
    );
  }
}

文档说明

If 组件

If组件可以使用一个when属性来控制组件是否渲染

<If when={condition}>
  <p>when在转为bool为true的条件下显示这个组件</p>
</If>

<If when={condition} children={<p>使用方法同上,单标签方法中使用</p>} />

Switch 组件

Switch组件可以根据指定的值渲染不同的组件

Switch组件内部使用Case组件对不同的值进行判断

Switch组件内部同时可以使用Default来设置一个默认显示组件

<Switch value={value}>
  <Case when={condition}>
    <p>condition 1</p>
  </Case>
  <Case when={condition}>
    <p>condition 2</p>
  </Case>
  <Case when='c' children={<p>condition 3</p>}/>
  <Default children={<p>默认组件</p>}/>
</Switch>

For

For组件可以对ArrayObject遍历生成一组组件

For组件内部也可以使用Default来显示默认组件

<For of={['a', 'b', 'c']}>
  {(item, index) => (<p key={index}>{index}:{item}</p>)}  <Default>默认组件</Default></For>
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
01/13 10:53

Using Prepared Statements

This page covers the following topics: Overview of Prepared Statements Creating a PreparedStatement Object Supplying Values for PreparedStatement Parameters Overview of Prepared Statements Sometimes it is more convenient to use a PreparedStatement object for sending SQL statements to the database. This special type of statement is derived from the more general class, Statement, that you already...

0
0
发表了博客
2016/06/23 20:40

Using Prepared Statements

Overview of Prepared Statements Sometimes it is more convenient to use a PreparedStatement object for sending SQL statements to the database. This special type of statement is derived from the more general class, Statement, that you already know. If you want to execute a Statement object many times, it usually reduces execution time to use a PreparedStatement object instead. The main feature of...

0
0
2015/12/20 23:39

Scala if Statements and for Loop

Scala if Statements and for Loop Scala if Statements scala 中的 if 和其它编程语言中不同的一点是 if 表达式的返回值。比如下面这样, val configFilePath = if (configFile.exists()) {   configFile.getAbsolutePath } else {   configFile.createNewFile()   configFile.getAbsolutePath } configFilePath: String = /Applications/IntelliJ IDEA 15.app/Contents/bin/somefile.txt Scala for Loops 一...

0
1
发表于服务端专区
2017/10/23 14:48

Mapped Statements collection does not contain

Mapped Statements collection does not contain 没有使用<![CDATA[ XXXX ]]>语法,导致if语句引用的语法错误。 mapper.xml中没有加入namespace mapper.xml中的方法和接口mapper的方法不对应 mapper.xml没有加入到mybatis-config.xml中(即总的配置文件),例外:配置了mapper文件的包路径的除外 mapper.xml文件名和所写的mapper名称不相同。...

0
0
2016/01/29 10:47

Mapped Statements collection does not contain

这两天测试在测试代码,采用的ibatis,一直报标题的错误。看了一下代码发现错误是调用的xml的ID名称和xml中的ID名称对不上。 网上找了一下还有可能出现这个问题的原因,总结如下: 1、mapper.xml中没有加入namespace 2、mapper.xml中的方法和接口mapper的方法不对应 3、mapper.xml没有加入到mybatis-config.xml中(即总的配置文件),例外:配置了mapper文件的包路径的除外 4、mapper.xml文件名和所写的mapper名称不相同。 重点关...

1
0
发表了博客
2016/06/01 16:10

Must JDBC Resultsets and Statements be closed ?

From the javadocs: When a Statement object is closed, its current ResultSet object, if one exists, is also closed. However, the javadocs are not very clear on whether the Statement and ResultSet are closed when you close the underlying Connection. They simply state that closing a Connection: Releases this Connection object's database and JDBC resources immediately instead of waiting for them to...

0
0
2018/08/23 10:20

Mapped Statements collection does not contain

此问题的发生有可能为项目maven打包时没有将java目录下的mapper.xml文件添加进去,常发生在打war包的tomcat项目中。可以在pom文件中添加以下内容来解决问题: ``` src/main/java **/*.xml ```

0
0
发表于数据库专区
2014/12/31 21:06

Mapped Statements collection does not contain valu

Mapped Statements collection does not contain value for后面是什么类什么方法之类的: 错误原因有几种: 1、mapper.xml中没有加入namespace 2、mapper.xml中的方法和接口mapper的方法不对应 3、mapper.xml没有加入到mybatis-config.xml中(即总的配置文件),例外:配置了mapper文件的包路径的除外 4、mapper.xml文件名和所写的mapper名称不相同。...

0
0
发表了博客
2016/09/09 02:04

Mapped Statements collection does not contain value for

Mapped Statements collection does not contain value for后面是什么类什么方法之类的: 错误原因有几种: 1、mapper.xml中没有加入namespace 2、mapper.xml中的方法和接口mapper的方法不对应 3、mapper.xml没有加入到mybatis-config.xml中(即总的配置文件),例外:配置了mapper文件的包路径的除外 4、mapper.xml文件名和所写的mapper名称不相同。...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
4 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部