小编Shn*_*ble的帖子

react-transition-group在我正在从事的gatsby项目中使用软件包时，我注意到了这种现象。我有一个“标签”列表，这些标签是从另一个主列表中选取的，它们被添加到活动列表中。单击主列表中的标签将其添加到活动列表中，然后单击活动列表中的标签将其删除。您几乎希望这样的事情会起作用。

过渡的作品不错，但转换时出的标签在一个陌生的方式重新组织起来。我们有五个具有以下值的标签：

• 无乳制品
• 派对食品
• 家庭大小
• 低胆固醇
• 低钠

如果单击该Family Sized标签将其删除，则会发生以下情况：

1. Family Sized 瞬间消失
2. Low Cholesterol并Low Sodium立即向左移动
3. 最后一个标签Low Sodium立即变为
4. 最后一个标签，现在具有Low Sodium过渡值

预期的行为是，Family Sized标记从组中间的位置过渡出来。我应该注意，如果您从活动列表中删除最后一个标签，则效果很好，只有在从其他位置删除标签时，才会发生这种情况。

这是过渡的慢速GIF，这是我的代码：

<TransitionGroup className='tag-container'>
  {filter.map((tag, index) => {
    return (
      <CSSTransition key={index} timeout={250} classNames={`tag`}>
        <TagButton value={tag} onClick={onClickFunction} className={`${screenStyle} active`}>{tag}</TagButton>
      </CSSTransition>
    )
  })}
</TransitionGroup>

• filter 是从组件状态变形的数组。
• 有一个<StaticQuery>从gatsby在相同的使用render()如果该事务的部件的方法。
• 的<TagButton>是从一个风格的部件styled-components包，而不是一个单独进口组合。

之前已经多次询问过这个问题的变化,但是我搜索了我在网上找到的所有内容,但仍然没有有效的答案,或者至少有一个有效的答案.

我正在尝试设置Code :: Blocks以使用MySql Connector,以便在此处发布教程来运行.我尽我所知完成了所有工作,但在编译时仍然遇到"未定义的引用"错误.我很确定这是一个链接错误.

这是我在编译时遇到的错误:

obj\Release\main.o:main.cpp:(.text.startup+0x15e)
undefined reference to _imp__get_driver_instance' error: ld returned 1 exit status

这是我的设置:

操作系统:Windows 7 64位
IDE:代码::块16.01

设置 - >编译器 - >搜索目录 - >编译器:

C:\Program Files\MySQL\MySQL Connector C++ 1.1.7\include  
C:\Program Files\MySQL\MySQL Connector C++ 1.1.7\include\cppconn  
C:\local\boost_1_61_0  

设置 - >编译器 - >搜索目录 - >链接器:

C:\Program Files\MySQL\MySQL Connector C++ 1.1.7\lib\opt  

设置 - >编译器 - >链接器设置 - >链接库:

C:\Program Files\MySQL\MySQL Connector C++ 1.1.7\lib\opt\mysqlcppconn.lib  
C:\Program Files\MySQL\MySQL Connector C++ 1.1.7\lib\opt\mysqlcppconn-static.lib 

就像我说的那样,网上有很多关于这个特殊错误的问题,但我没有找到任何解决方案来解决我的问题.我承认我在连接图书馆方面有点生疏,但我发誓我已经尝试了所有可能的变化,我可以想到没有成功.

这是代码:

/* Standard C++ headers …